文章目錄

• 1. 列表
• 2. 表格
• 3.音頻、視頻
• • 3.1 音頻 audio
  • 3.2 視頻 video
• 4. 網頁結構分析
• 5. 內聯框架

1. 列表

（1）無序列表 ul-li ：應用于導航、側邊欄新聞以及在文章中，一般會使用它來排列。

• 語文
• 數學
• 音樂

（2）有序列表 ol-li :應用于需要排序的微博熱搜和歌曲榜單等。

（3）自定義列表 dl-dt-dd :應用于網站的底部，用于標記項。

– 案例代碼

– 運行結果

2. 表格

• 基本結構：
  表格標簽 table
  行 tr rowspan
  列 td colspan
  邊框屬性 border="1px"

• 跨行：rowspan 對應的值就是所跨的行數

• 跨列 ：colspan 對應的值就是所跨列數

• 案例代碼
  

• 運行結果

3.音頻、視頻

3.1 音頻 audio

• src：音頻的路徑
• autoplay 設置或返回是否在就緒（加載完成）后隨即播放音頻
• controls 設置或返回音頻是否應該顯示控件（比如播放/暫停等）
• 案例代碼
  
• 運行結果
  

3.2 視頻 video

• src：視頻的路徑
• controls: 提供播放按鈕，進度條、下載按鈕、全屏按鈕、音量控制
• autoplay：自動播放
• loop: 循環播放
• 案例代碼
  
• 運行結果
  

4. 網頁結構分析

• 頁面的頭部
• 頁面的主體
• 頁面的尾部
• html5 標簽，沒有任何作用，只是讓代碼結構更好看
• 案例代碼
  
• 運行結果
  

5. 內聯框架

• iframe 內聯框架，用于在網頁內顯示網頁
• 案例代碼
• 運行結果

總結

以上是生活随笔為你收集整理的前端(二)——HTML之列表、表格、媒体元素的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。