HTML `<table>` 标签用于创建表格,它允许您组织数据以行和列的形式显示。以下是如何使用 `<table>` 标签的基本结构:
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>表格标签(table)的使用示例</title>
</head>
<body>
<table border="1" width="300"> <!-- 设置边框为1像素宽度为300px -->
<caption>这是一个表格标题</caption> <!-- 表格标题 -->
<!-- 表头部分 -->
<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>
</tbody>
<!-- 可选:表脚部分 -->
<tfoot>
<tr>
<td colspan="2">总计</td>
<td>...</td>
</tr>
</tfoot>
</table>
</body>
</html>
```
上述代码中:
- `<table>` 是整个表格的容器。
- `border` 属性用来设置表格的边框线(现代CSS推荐通过CSS样式来设置边框)。
- `width` 属性可以设定表格整体宽度。
- `<caption>` 标签用于添加表格标题。
- `<thead>` 定义表格的头部。
- `<tbody>` 定义表格主体部分,通常包含多行数据。
- `<tfoot>` 定义表格底部,常用于总结或合计行。
- `<tr>` 表示表格的一行。
- `<th>` 定义表格的表头单元格,通常加粗并居中显示。
- `<td>` 定义表格的标准数据单元格。