HTML表格頭部、主體、頁尾
阿新 • • 發佈:2020-08-10
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>