HTML5進(jìn)階段內(nèi)聯(lián)標(biāo)簽匯總(小篇)
發(fā)布時(shí)間:2016-07-13 17:10:28 作者:佚名
我要評(píng)論

這篇文章主要介紹了HTML5進(jìn)階段內(nèi)聯(lián)標(biāo)簽匯總(小篇)的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下
內(nèi)聯(lián)元素,與別人公用一行,但是設(shè)置寬高無(wú)效。其特點(diǎn):
①和其他元素都在一行上
?、诟?,行高及外邊距和內(nèi)邊距不可改變;
?、蹖挾染褪撬奈淖只驁D片的寬度,不可改變
④內(nèi)聯(lián)元素只能容納文本或者其他內(nèi)聯(lián)元素
代碼如下:
XML/HTML Code復(fù)制內(nèi)容到剪貼板
- <!doctype html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <title>標(biāo)簽基礎(chǔ)2</title>
- </head>
- <body>
- <!-- 內(nèi)聯(lián)元素 與別人公用一行 但是設(shè)置寬高無(wú)效 -->
- <!-- 無(wú)語(yǔ)義 -->
- <span>無(wú)語(yǔ)義</span>
- <!-- 圖片 alt圖片加載失敗顯示-->
- <img src="d" alt="加載失敗">
- <!-- 超鏈接 -->
- <a href="http://www.baidu.com">跳轉(zhuǎn)</a>
- <!-- 斜體強(qiáng)調(diào) -->
- <var>斜體強(qiáng)調(diào)作用</var>
- <!-- em和i經(jīng)常用于制作小圖標(biāo) -->
- <em>斜體強(qiáng)調(diào)作用</em>
- <i>斜體強(qiáng)調(diào)作用</i>
- <!-- 加粗強(qiáng)調(diào) -->
- <strong>加粗強(qiáng)調(diào)</strong>
- <!-- 表單 提交數(shù)據(jù)-->
- <form action="">
- <!-- 輸入框 -->
- <input type="text">
- <!-- 密碼輸入框 -->
- <input type="password">
- <!-- 按鈕 -->
- <input type="button" value="按鈕">
- <!-- 提交表單 -->
- <input type="submit" value="提交表單">
- <!-- 日期 年月日-->
- <input type="date">
- <!-- 日期 年周 -->
- <input type="week">
- <!-- 日期 年月 -->
- <input type="month">
- <!-- 日期 當(dāng)前時(shí)間 -->
- <input type="time">
- <!-- 選擇文件 -->
- <input type="file" value="打開(kāi)文件">
- <!-- 只能輸入數(shù)字 -->
- <input type="number">
- <!-- 顏色選擇器 -->
- <input type="color">
- <!-- 重置 -->
- <input type="reset">
- <!-- 復(fù)選框 -->
- <input type="checkbox">我愛(ài)你
- <input type="checkbox">你愛(ài)我
- <!-- 單選框 name 同名字為一組-->
- <input type="radio" name="sex" checked="checked">男
- <input type="radio" name="sex">女
- </form>
- <!-- 多行文本 cols寬度 rows高度 -->
- <textarea name="" id="" cols="30" rows="10"></textarea>
- <!-- 選擇列表 默認(rèn)第一個(gè)選項(xiàng)的值為初始值-->
- <select name="" id="">
- <option value="">選項(xiàng)1</option>
- <option value="">選項(xiàng)2</option>
- <option value="">選項(xiàng)3</option>
- </select>
- </body>
- </html>
以上所述是小編給大家介紹的HTML5進(jìn)階段內(nèi)聯(lián)標(biāo)簽匯總,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
相關(guān)文章
- 下面小編就為大家?guī)?lái)一篇淺談html5標(biāo)簽css3的常用樣式。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-10-20
html5中的一些標(biāo)簽學(xué)習(xí)(心得)
下面小編就為大家?guī)?lái)一篇html5中的一些標(biāo)簽學(xué)習(xí)(心得)。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-10-18- HTML5現(xiàn)在已經(jīng)不是SGML的子集,主要是增加了關(guān)于圖像,位置,存儲(chǔ),多任務(wù)等功能。接下來(lái)通過(guò)本文對(duì)這些功能簡(jiǎn)要概述下,感興趣的朋友參考下吧2016-09-05
淺談Html5中視頻 音頻標(biāo)簽 進(jìn)度條的問(wèn)題
下面小編就為大家?guī)?lái)一篇淺談Html5中視頻 音頻標(biāo)簽 進(jìn)度條的問(wèn)題。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-07-26關(guān)于HTML5語(yǔ)義標(biāo)簽的實(shí)踐(blog頁(yè)面)
下面小編就為大家?guī)?lái)一篇關(guān)于HTML5語(yǔ)義標(biāo)簽的實(shí)踐(blog頁(yè)面)。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-07-12html5基于canvas實(shí)現(xiàn)的文字標(biāo)簽云3D旋轉(zhuǎn)動(dòng)畫特效源碼
這是一款html5基于canvas實(shí)現(xiàn)的文字標(biāo)簽云3D旋轉(zhuǎn)動(dòng)畫特效源碼。鼠標(biāo)滑過(guò)文字呈現(xiàn)框選效果,拖動(dòng)文字可呈現(xiàn)出標(biāo)簽云的3D動(dòng)畫旋轉(zhuǎn)效果。2016-07-07- 下面小編就為大家?guī)?lái)一篇HTML5之語(yǔ)義標(biāo)簽介紹。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-07-07
- 下面小編就為大家?guī)?lái)一篇HTML5不支持標(biāo)簽和新增標(biāo)簽詳解。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-06-27
- header標(biāo)簽不同于我們最熟悉的head標(biāo)簽,header往往更常被用于定義文章的頭部,下面我們就來(lái)淺析HTML5中header標(biāo)簽的用法:2016-06-24
- 這篇文章主要介紹了常用的HTML5列表標(biāo)簽的相關(guān)資料,需要的朋友可以參考下2017-06-20