一、介紹表格
表格存在即是合理的。 表格的現在還是較為常用的一種標簽，但不是用來布局，常見處理、顯示表格式數據。
二、創建表格
語法：
<table>
<tr>
<td>單元格內的文字</td>
...
</tr>
...
</table>
說明：
1.table用於定義一個表格。
2.tr 用於定義表格中的一行，必須嵌套在 table標簽中，在 table中包含幾對 tr，就有幾行表格。
3.td /td：用於定義表格中的單元格，必須嵌套在<tr></tr>標簽中，一對 <tr> </tr>中包含幾對<td></td>，就表示該行中有多少列（或多少個單元格）。
注意：
1. <tr></tr>中只能嵌套<td></td>
2. <td></td>標簽，他就像一個容器，可以容納所有的元素
三、表格結構
在使用表格進行布局時，可以將表格划分為頭部、主體和頁腳（頁腳因為有兼容性問題，我們不在贅述），具體 如下所示：
<thead></thead>：用於定義表格的頭部。必須位於<table></table> 標簽中，一般包含網頁的logo和導航等頭部信息。
<tbody></tbody>：用於定義表格的主體。位於<table></table>標簽中，一般包含網頁中除頭部和底部之外的其他內容。
<table>
<thead></thead>
<tbody></tbody>
</table>
四、表頭與標題
1、
<table>
<tr>
<th>姓名</th>
<th>性別</th>
</tr>
<tr>
<td>Tony</td>
<td>男</td>
</tr>
<tr>
<td>Tom</td>
<td>男</td>
</tr>
</table>
Tips：表頭一般是以加粗居中的方式顯示在單元格中。
2、caption 元素定義表格標題。
caption 標簽必須緊隨 table 標簽之后。您只能對每個表格定義一個標題。通常這個標題會被居中於表格之上。
語法：
<table border="1">
<caption>學生數據</caption>
<thead>
<tr>
<th>姓名</th>
<th>性別</th>
</tr>
</thead>
<tbody>
<tr>
<td>Tony</td>
<td>男</td>
</tr>
</tbody>
</table>
如圖所示：
五、表格屬性
| 屬性名 | 含義 | 常用屬性值 |
| border | 設置表格的邊框（默認border=0,無邊框） | 像素值 |
| cellspacing | 設置單元格與單元格邊框之間的空白間距 | 像素值（默認為2像素） |
| cellpadding | 設置單元格內容與單元格邊框之間的空白間距 | 像素值（默認值為1像素） |
| width | 設置表格的寬度 | 像素值 |
| height | 設置表格的高度 | 像素值 |
| align | 設置表格在網頁中的水平對齊方式或單元格文本對齊方式 | left、center、right |
六、合並單元格
跨行合並：rowspan
跨列合並：colspan
合並單元格的思想：將多個內容合並的時候，就會有多余的東西，把它刪除。 例如 把 3個 td 合並成一個， 那就多余了2個，需要刪除。
合並的順序 先上 先左。
案例代碼：
<table width="500" height="300" border="1" cellspacing="0" cellpadding="0" align="center">
<caption>火影忍者演員表</caption>
<thead>
<tr>
<th>姓名</th>
<th>性別</th>
<th>年齡</th>
</tr>
</thead>
<tbody>
<tr>
<td>鳴人</td>
<td>男</td>
<td rowspan="3">18</td>
</tr>
<tr>
<td>佐助</td>
<td>男</td>
</tr>
<tr>
<td>大蛇丸</td>
<td>男</td>
</tr>
<tr>
<td colspan="3">卡卡西</td>
</tr>
</tbody>
</table>
如圖所示：
更多標簽學習請參考這里：http://www.w3school.com.cn/html/index.asp