同时使用th,tr,td,table,thead,tbody标签的代码示例
时间: 2023-08-15 08:04:53 浏览: 97
BootStrap的table表头固定tbody滚动的实例代码
下面是一个使用 `th`、`tr`、`td`、`table`、`thead` 和 `tbody` 标签的代码示例:
```html
<table>
<thead>
<tr>
<th>姓名</th>
<th>年龄</th>
<th>性别</th>
</tr>
</thead>
<tbody>
<tr>
<td>张三</td>
<td>25</td>
<td>男</td>
</tr>
<tr>
<td>李四</td>
<td>30</td>
<td>女</td>
</tr>
<tr>
<td>王五</td>
<td>28</td>
<td>男</td>
</tr>
</tbody>
</table>
```
在这个示例中,我们使用了 `table` 元素来创建一个表格,其中包含一个表头(`thead`)和一个表格主体(`tbody`)。
在表头中,我们使用 `tr` 元素表示表头行,然后使用 `th` 元素表示表头单元格。在这个表格中,我们创建了三个表头单元格,分别表示姓名、年龄和性别。
在表格主体(`tbody`)中,我们使用 `tr` 元素表示表格行,然后使用 `td` 元素表示表格数据单元格。在这个表格中,我们创建了三个数据行,每个数据行包含三个数据单元格,分别表示每个人的姓名、年龄和性别。
总之,这个示例演示了如何使用 `th`、`tr`、`td`、`table`、`thead` 和 `tbody` 标签创建一个简单的 HTML 表格。
阅读全文