無序列表及其應用

語法
<ul>
<li>第一項</li>
<li>第二項</li>
<li>第三項</li>
</ul>
遵循W3c的標準<ul>標簽裏只能嵌套<li>標簽,不能嵌套其他標簽。
<li>標簽裏可以嵌套任何標簽。

無序列表的特征

（1）沒有順序，每一個<li>獨占一行（塊元素）
（2）默認<li>標簽項前面都有一個實心小圓點
（3）一般用於無序類型的列表，如導航，側邊欄新聞，有規律的圖文組合模塊

有序列表及其應用

語法
<ol>
<li>第一項</li>
<li>第二項</li>
<li>第三項</li>
</ol>

有序列表的特征

（1）有順序，每一個<li>獨占一行（塊元素）
（2）默認<li>標簽項前面都有順序標記
（3）一般用於排序類型列表，如試卷問卷選項等

定義列表及其應用
語法
<dl>
<dt>標題一</dt>
<dd>第一項</dd>
<dd>第二項</dd>
<dt>標題二</dt>
<dd>第一項</dd>
</dl>

定義列表的特征如下
（1）沒有順序，每個<dt>標簽，<dd>標簽獨占一行（塊元素）
（2）默認沒有標記
（3）一般用於（一個標題下有一個或多個類表項）

表格的基本結構

1 單元格
單元格是表格的最小單位，一個或多個單元格縱橫排列組策劃那個表格
2 行
一個或多個單元格橫向堆疊成了行
3 列
由於表格單元格寬度必須一致，因此單元格縱向排列形成了列
語法
<table>
<tr>
<th>第一個單元格內容</th>
<th>第二個單元格內容</th>
</tr>
<tr>
<td>第一個單元格內容</td>
<td.第二個單元格內容</td>
</tr>
</table>

表格的跨行和跨列

表格跨列
語法
<table>
<tr>
<td colspan="所跨的列數">單元格內容</td>
</tr>

</table>

表格的跨行
<table>
<tr>
<td rospan="所跨的行數">單元格內容</td>
</tr>
</table>

經驗：

1 在需要合並的第一個單元格設置跨行或跨列屬性，如colspan=“3”。
2 刪除被合並的其他單元格，及把某個單元格看成多個單元格合並後的單元格
3 跨行和跨列後並不改變表格特點，同行的總高度一致，同列的總寬度一致。因此，表格中的各個單元格寬度或高度互相有影響結構相對穩定，但缺點是不能靈活的進行布局控制

視頻元素

1video 元素的語法
<voieo src="視頻路徑" controls="controls"></video>
只能接收一種格式
source 元素解決這一問題，source元素嵌套在video，並且可以出現多次 每一次source元素對應一種格式視頻
在video中指定controls屬性可以在頁面上以默認的方式進行播放控制。如果不加這個屬性視頻就不能直接播放
還有一種方法在voieo元素設置另一個屬性autoplay

音頻元素

audio 基本元素
<audio src="音頻路徑"controls="controls"></video>
controls屬性用於提供播放暫停和音量控鍵，

頁面布局

HTML結構元素
header 標題的頭部區域內容
footer 標記腳部區域的內容（用於整個頁面或頁面的一塊區域）
section WEB頁面中的一塊獨立區域
aticle 獨立的文章內容
aside 相關內容或應用（常用於側邊欄）
nav 導航類輔助內容

<iframe>框架

主要作用使頁面中的部分內容用框架實現，一般用於頁面引用站外的頁面內容，使比較方便、靈活。
語法
<iframe src="引用頁面地址"name="框架標識名"...></iframe>
<iframe>屬性使用
（1）<iframe name="mainframe" src=""...../>
(2) <a href="......"tiget="mainframe">下面顯示第二行</a>

列表 表格與媒體元素