1. 程式人生 > 其它 >HTML表格結構標籤

HTML表格結構標籤

技術標籤:HTML

表格結構標籤

使用的場景:因為表格可能很長,為了更好的表示表格的語義,可以將表格分割成表格頭部和表格主體兩個部分;
** 表格的頭部區域

表格的主體區域** 可以更好的分清表格結構,使得語義更加的明確 ![在這裡插入圖片描述](https://img-blog.csdnimg.cn/20210124121145912.png) # 示例程式碼
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <
meta
name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title> </head> <body> <table> <thead><tr><th>姓名</th> <th>性別</th> <th>年齡</th></tr></thead>
<!-- 表格的頭部區域 --> <tbody> <!-- 表格的主體區域 --> <tr><td></td> <td></td> <td> 66 </td></tr> <tr><td></td> <td></td> <td> 64 </td></tr> <
tr
>
<td></td> <td></td> <td> 28 </td></tr> <tr><td></td> <td></td> <td> 20 </td></tr> </tbody> </table> <!-- 此為表格的基本語法,使得顯示的十分清晰 --> <!-- 表格是巢狀關係 --> <!-- 用來展示資料 --> <!-- table 表示這是一個表格 --> <!-- tr 表示這是一行 --> <!-- td 表示每一行中的每一個元素 --> </body> </html>

執行結果

在這裡插入圖片描述