thead、tbody、tfoot
1、表格可以分為三個部分:頭部,主體和頁腳,如同word文檔中頁面的頁眉、正文、頁腳。每個頁面保持相同,而正文是表格的主要內容持有者。不是必須的,只是便於后期的JS代碼的編寫。
2、頭部,主體和頁腳的對應的三個標簽是:
<thead>
---創建單獨的表頭。
<tbody>
---表示表格的主體。
<tfoot>
---創建一個單獨的表頁腳。
3、表可以包含多個<tbody>
元素以指示不同的頁面。
4、注意:<thead>
和<tfoot>
標簽應出現在<tbody>
之前
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>表格頭部、主體、頁腳</title>
</head>
<body>
<table align="center" border = "1" width = "50%">
<thead>
<tr>
<td colspan = "4">thead</td>
</tr>
</thead>
<tfoot>
<tr>
<td colspan = "4">tfoot</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>tbody 1</td>
<td>tbody 2</td>
<td>tbody 3</td>
<td>tbody 4</td>
</tr>
</tbody>
</table>
</body>
</html>