<h6>英文釋意：
<th>：table head
<tr>：table row
<td>：table data cell
<h6><theader><tbody><tfoot>作用：</h6>
- 把表格分組,讓結構變得清晰
- 當瀏覽器從服務器中讀取數據的時候,可以一組組的返回給用戶,而不是讀取完整個table后再返回
<table border="1px" width="400px" height="200px" align="center">
<caption>2014年期末考試成績單</caption>
<thead> <!--表頭-->
<tr>
<th>姓名</th>
<th>班級</th>
<th>成績</th>
</tr>
</thead>
<tbody> <!--表體-->
<tr>
<td rowspan="2">狗娃</td> <!--合并兩行-->
<td>計算機1班</td>
<td>80</td>
</tr>
<tr>
<td>經濟1班</td>
<td>90</td>
</tr>
<tr>
<td>狗剩</td>
<td>計算機2班</td>
<td>78</td>
</tr>
<tr>
<td>狗蛋</td>
<td>軟件1班</td>
<td>90</td>
</tr>
</tbody>
<tfoot> <!--表尾-->
<tr>
<td colspan="2">平均分</td> <!--合并兩列-->
<td>85</td>
</tr>
</tfoot>
</table>
Paste_Image.png
<h5>練習：模仿下圖
Paste_Image.png
<table border="1" width="200px" height="100px">
<thead>
<tr>
<td align="center" colspan="3">學生成績</td>
</tr>
</thead>
<tbody>
<tr>
<td rowspan="2" align="center">張三</td>
<td>語文</td>
<td>98</td>
</tr>
<tr>
<td>數學</td>
<td>90</td>
</tr>
<tr>
<td rowspan="2" align="center">李四</td>
<td>語文</td>
<td>50</td>
</tr>
<tr>
<td>數學</td>
<td>40</td>
</tr>
</tbody>
</table>
