網頁中表格和列表隨處可見，所以我們需要掌握各個標籤的用法以及區別。

表格

簡單的HTML表格由table元素以及多個tr th或td元素組成。這幾個都是雙標籤。

tr定義行 th定義表頭 td定義表格單元

兩行兩列的表格，常見程式碼：（執行結果自己檢視）

<table>
 <tr>
  <th>序號</th>
  <th>姓名</th>
 </tr>
 <tr>
  <td>1</td>
  <td>張三</td>
 </tr>
</table>
 

複雜的表格可能包含thead、tbody、tfoot比較常見，caption、col、colgroup不常見。

具體用法示例：（執行結果自己檢視）

<table>
 <thead>
  <tr>
   <th>標題頭</th>
   <th>標題頭</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>單元內容</td>
   <td>單元內容</td>
  </tr>
 </
 
tbody>
 <tfoot>
  <tr>
   <td>表格尾</td>
   <td>表格尾</td>
  </tr>
 </tfoot>
</table>

列表

HTML支援有序、無序和定義列表。具體解釋如下：

1、有序列表：列表專案使用數字進行標記。有序列表始於<ol>標籤，每個列始於<li>標籤。

示例：（執行結果自己檢視）

<ol>
 <li>我</li>
 <li>喜</li>
 <li
 
>歡</li>
 <li>你</li>
</ol>

2、無序列表：每一列使用原點或圓圈進行標記。無序列表始於<ul>標籤，每個列始於<li>標籤。

示例程式碼：（執行結果自己檢視）

<ul>
 <li>Coffee</li>
 <li>Milk</li>
</ul>

2、自定義列表：每一列使用原點或圓圈進行標記。無序列表始於<dl>標籤，每個列始於<dt>或者<dd>標籤。dt內容塊的標題，dd 內容。

示例程式碼：（執行結果自己檢視）

<dl>
 <dt>標題</dt>
 <dd>內容1</dd>
 <dd>內容2</dd>
</dl>