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

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

html是什么

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

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

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

3.定義列表:<dl></dl>
列表項:<dt></dt><dd></dd>
dt是列表標題。dd是描述，dd有行縮進
一個dt可以有很多dd描述
例如:<dl>
<dt>商品圖片</dt>
<dd>商品名稱</dd>
<dd>商品價格</dd>
...
</dl>

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

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

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

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