表格结构标签
使用的场景:因为表格可能很长,为了更好的表示表格的语义,可以将表格分割成表格头部和表格主体两个部分;
** 表格的头部区域
<!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>