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

這篇文章主要介紹了HTML5進(jìn)階段內(nèi)聯(lián)標(biāo)簽匯總(小篇)的相關(guān)資料,非常不錯,具有參考借鑒價值,需要的朋友可以參考下
內(nèi)聯(lián)元素,與別人公用一行,但是設(shè)置寬高無效。其特點(diǎn):
①和其他元素都在一行上
②高,行高及外邊距和內(nèi)邊距不可改變;
③寬度就是它的文字或圖片的寬度,不可改變
?、軆?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è)置寬高無效 -->
- <!-- 無語義 -->
- <span>無語義</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)前時間 -->
- <input type="time">
- <!-- 選擇文件 -->
- <input type="file" value="打開文件">
- <!-- 只能輸入數(shù)字 -->
- <input type="number">
- <!-- 顏色選擇器 -->
- <input type="color">
- <!-- 重置 -->
- <input type="reset">
- <!-- 復(fù)選框 -->
- <input type="checkbox">我愛你
- <input type="checkbox">你愛我
- <!-- 單選框 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)第一個選項的值為初始值-->
- <select name="" id="">
- <option value="">選項1</option>
- <option value="">選項2</option>
- <option value="">選項3</option>
- </select>
- </body>
- </html>
以上所述是小編給大家介紹的HTML5進(jìn)階段內(nèi)聯(lián)標(biāo)簽匯總,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
相關(guān)文章
- 下面小編就為大家?guī)硪黄獪\談html5標(biāo)簽css3的常用樣式。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-10-20
html5中的一些標(biāo)簽學(xué)習(xí)(心得)
下面小編就為大家?guī)硪黄猦tml5中的一些標(biāo)簽學(xué)習(xí)(心得)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-10-18- HTML5現(xiàn)在已經(jīng)不是SGML的子集,主要是增加了關(guān)于圖像,位置,存儲,多任務(wù)等功能。接下來通過本文對這些功能簡要概述下,感興趣的朋友參考下吧2016-09-05
淺談Html5中視頻 音頻標(biāo)簽 進(jìn)度條的問題
下面小編就為大家?guī)硪黄獪\談Html5中視頻 音頻標(biāo)簽 進(jìn)度條的問題。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-07-26關(guān)于HTML5語義標(biāo)簽的實踐(blog頁面)
下面小編就為大家?guī)硪黄P(guān)于HTML5語義標(biāo)簽的實踐(blog頁面)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-07-12html5基于canvas實現(xiàn)的文字標(biāo)簽云3D旋轉(zhuǎn)動畫特效源碼
這是一款html5基于canvas實現(xiàn)的文字標(biāo)簽云3D旋轉(zhuǎn)動畫特效源碼。鼠標(biāo)滑過文字呈現(xiàn)框選效果,拖動文字可呈現(xiàn)出標(biāo)簽云的3D動畫旋轉(zhuǎn)效果。2016-07-07- 下面小編就為大家?guī)硪黄狧TML5之語義標(biāo)簽介紹。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-07-07
- 下面小編就為大家?guī)硪黄狧TML5不支持標(biāo)簽和新增標(biāo)簽詳解。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-06-27
- header標(biāo)簽不同于我們最熟悉的head標(biāo)簽,header往往更常被用于定義文章的頭部,下面我們就來淺析HTML5中header標(biāo)簽的用法:2016-06-24
- 這篇文章主要介紹了常用的HTML5列表標(biāo)簽的相關(guān)資料,需要的朋友可以參考下2017-06-20