HTML表格結構標籤
阿新 • • 發佈:2021-01-30
技術標籤:HTML
表格結構標籤
使用的場景:因為表格可能很長,為了更好的表示表格的語義,可以將表格分割成表格頭部和表格主體兩個部分;
** 表格的頭部區域
<!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>