HTML中列表、表格和媒體元素的簡介

本文將為大家詳細(xì)介紹“HTML中列表、表格和媒體元素的簡介”，內(nèi)容步驟清晰詳細(xì)，細(xì)節(jié)處理妥當(dāng)，而小編每天都會(huì)更新不同的知識(shí)點(diǎn)，希望這篇“HTML中列表、表格和媒體元素的簡介”能夠給你意想不到的收獲，請(qǐng)大家跟著小編的思路慢慢深入，具體內(nèi)容如下，一起去收獲新知識(shí)吧。

html是什么

html的全稱為超文本標(biāo)記語言，它是一種標(biāo)記語言，包含了一系列標(biāo)簽．通過這些標(biāo)簽可以將網(wǎng)絡(luò)上的文檔格式統(tǒng)一，使分散的Internet資源連接為一個(gè)邏輯整體，html文本是由html命令組成的描述性文本，html命令可以說明文字，圖形、動(dòng)畫、聲音、表格、鏈接等，主要和css+js配合使用并構(gòu)建優(yōu)雅的前端網(wǎng)頁。

列表：有三種，有序列表，無序列表，定義列表
1.有序列表：<ol></ol>
列表項(xiàng):<li></li>
要顯示的內(nèi)容寫在li里面，不要寫在li的外面
有序列表在每個(gè)列表項(xiàng)前面都有排序，
排序方式可以通過在ol標(biāo)簽中設(shè)置type屬性
例如:<ol type="a"></ol>:使用英文字母排序
<ol type="i"></ol>:使用羅馬數(shù)字排序
<ol type="1"></ol>:使用阿拉伯?dāng)?shù)字排序，默認(rèn)的

2.無序列表：<ul></ul>
列表項(xiàng)：<li></li>
要顯示的內(nèi)容寫在li里面，不要寫在li的外面
無序列表每個(gè)列表項(xiàng)前面都有符號(hào)
去除符號(hào)就在type里面設(shè)置none
例如：<ul type="square"></ul>:實(shí)心方塊
<ul type="circle"></ul>:空心方塊
<ul type="none"></ul>:去除符號(hào)

3.定義列表:<dl></dl>
列表項(xiàng):<dt></dt><dd></dd>
dt是列表標(biāo)題。dd是描述，dd有行縮進(jìn)
一個(gè)dt可以有很多dd描述
例如:<dl>
<dt>商品圖片</dt>
<dd>商品名稱</dd>
<dd>商品價(jià)格</dd>
...
</dl>

表格：<table></table>   由行和列組成
一對(duì)tr代表一行，每一行里面有單元格td組成
例如：<table>
<tr><td></td><td></td></tr>
<tr><td></td><td></td></tr>
</table>兩行兩列
每個(gè)單元格可以跨行rowspan和跨列colspan
跨行是豎著占用其他單元格，
跨列是橫著占用其他單元格。
被占用的單元格需要?jiǎng)h除。
媒體元素：
視頻標(biāo)簽：<video src="視頻路徑" controls autoplay></video>
controls:控制臺(tái)，可以對(duì)視頻進(jìn)行控制(暫停，播放)
autoplay:自動(dòng)播放
音樂標(biāo)簽:<audio src="歌的路徑" controls autoplay></audio>
這兩個(gè)屬性跟視頻中的作用都一樣，非必寫
使用這兩個(gè)標(biāo)簽需要注意每種瀏覽器對(duì)格式的要求
如果不支持文件格式就換一種格式

iframe內(nèi)聯(lián)框架：
<iframe src="頁面路徑"name="框架名字"><iframe>
iframe內(nèi)聯(lián)框架可以打開一個(gè)頁面在里面
配合超鏈接使用，設(shè)置超鏈接的target屬性
例如：<a href="http://www.baidi.com"target="框架名字">
注意：target屬性中寫得到是iframe框架的name值
src屬性是框架默認(rèn)引用的一個(gè)頁面。

路徑問題，兩個(gè)安進(jìn)同一個(gè)文件夾，這兩個(gè)文件就是同級(jí)
同級(jí)可以直接寫文件名，后綴
如果兩個(gè)文件不是同級(jí)，需要根據(jù)上下級(jí)關(guān)系改變路徑
返回上一級(jí)是../進(jìn)入文件夾就直接寫文件夾名字
路徑是根據(jù)這個(gè)網(wǎng)頁所在的位置來判斷上下級(jí)的。

如果你能讀到這里，小編希望你對(duì)“HTML中列表、表格和媒體元素的簡介”這一關(guān)鍵問題有了從實(shí)踐層面最深刻的體會(huì)，具體使用情況還需要大家自己動(dòng)手實(shí)踐使用過才能領(lǐng)會(huì)，如果想閱讀更多相關(guān)內(nèi)容的文章，歡迎關(guān)注億速云行業(yè)資訊頻道！