生活随笔
收集整理的這篇文章主要介紹了
HTML学习03之列表，表格，媒体元素
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
一、列表是什么？
列表就是信息資源的一種展示形式。它可以使信息結構化和條理化，并以列表的樣式顯示出來，以便瀏覽者能更快捷地獲得相應的信息
列表的分類：
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>列表標簽學習
</title>
</head>
<body>
<ol><li>java
</li><li>python
</li><li>運維
</li><li>前端
</li><li>c++
</li>
</ol>
<ul><li>java
</li><li>python
</li><li>運維
</li><li>前端
</li><li>c++
</li>
</ul>
<dl><dt>名次
</dt><dd>1
</dd><dd>2
</dd><dd>3
</dd><dt>學科
</dt><dd>語文
</dd><dd>數學
</dd><dd>英語
</dd><dt>成績
</dt><dd>100
</dd><dd>95
</dd><dd>100
</dd>
</dl>
</body>
</html>
二、關于表格
為什么使用表格？
簡單通用結構穩定
表格基本結構：
單元格行列跨行跨列
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>表格標簽學習
</title>
</head>
<body>
<table border="2px" style="text-align: center"><tr><td colspan="3" >學生成績
</td></tr><tr><td rowspan="2">zxs
</td><td>語文
</td><td>100
</td></tr><tr><td>數學
</td><td>100
</td></tr><tr><td rowspan="2">李四
</td><td>語文
</td><td>100
</td></tr><tr><td>數學
</td><td>90
</td></tr></table>
</body>
</html>
三、關于媒體元素
視頻元素和音頻元素
顧名思義就是看視頻，聽音頻
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>媒體元素學習
</title>
</head>
<body>
<video src="../resources/video/健康教育.MP4" controls autoplay></video>
<audio src="../resources/audio/海闊天空.mp3" controls autoplay></audio>
</body>
</html>
作者有話說
博客創作不易，希望看到這里的讀者，動動你的小手點個贊，如果喜歡的小伙伴可以一鍵三連，作者大大在這里給大家謝謝了。
總結
以上是生活随笔為你收集整理的HTML学习03之列表，表格，媒体元素的全部內容，希望文章能夠幫你解決所遇到的問題。
如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。
