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>

在這里插入圖片描述


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM