1. 程式人生 > 實用技巧 >HTML表格頭部、主體、頁尾

HTML表格頭部、主體、頁尾

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>