HTML 表格
HTML 表格实例:
First Name
Last Name
Points
Jill
Smith
50
Eve
Jackson
94
John
Doe
80
Adam
Johnson
67
在线实例
这个例子演示如何在 HTML 文档中创建表格。
（可以在本页底端找到更多实例。）
HTML 表格
表格由
标签来定义。每个表格均有若干行（由标签定义），每行被分割为若干单元格（由
标签定义）。字母 td 指表格数据（table data），即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。
表格实例
实例
HTML表格是网页设计中不可或缺的一部分，它用于组织和展示数据，让信息更加清晰易读。在HTML中，表格由一系列相关的标签构成，包括`<table>`、`<tr>`、`<td>`、`<th>`等。让我们深入探讨这些标签及其用法。
1. `<table>`标签：这是所有表格的基础，用来包裹整个表格结构。例如：
```html
<table>
...
</table>
```
2. `<tr>`标签：定义表格的行。每一行都由一个或多个单元格组成。
```html
<tr>
<td>...</td>
<td>...</td>
</tr>
```
3. `<td>`标签：代表表格数据单元格，用于存储具体的数据，可以包含文本、图像等元素。
```html
<td>First Name</td>
<td>Last Name</td>
```
4. `<th>`标签：用于创建表格的表头，通常字体加粗且居中。与`<td>`相似，但视觉效果不同。
```html
<th>Header 1</th>
<th>Header 2</th>
```
5. 边框属性：默认情况下，HTML表格可能没有边框。要显示边框，可以使用`border`属性。
```html
<table border="1">
...
</table>
```
6. `<thead>`标签：定义表格的表头部分，通常包含`<tr>`和`<th>`。
```html
<thead>
<tr>
<th>...</th>
<th>...</th>
</tr>
</thead>
```
7. `<tbody>`标签：定义表格的主体部分，通常包含`<tr>`和`<td>`。
```html
<tbody>
<tr>
<td>...</td>
<td>...</td>
</tr>
</tbody>
```
8. `<tfoot>`标签：定义表格的页脚部分，通常用于总计或注解。
```html
<tfoot>
<tr>
<td>...</td>
<td>...</td>
</tr>
</tfoot>
```
9. `<colgroup>`和`<col>`标签：`<colgroup>`用于定义表格中一列或多列的属性，而`<col>`定义列的具体属性，如宽度。
```html
<colgroup>
<col style="width: 200px;">
<col style="width: 300px;">
</colgroup>
```
10. 跨行和跨列：使用`rowspan`和`colspan`属性可以合并单元格。`rowspan`指定单元格跨越的行数，`colspan`指定跨越的列数。
```html
<td rowspan="2">跨两行的单元格</td>
<td colspan="2">跨两列的单元格</td>
```
11. `cellpadding`和`cellspacing`属性：分别设置单元格内容与其边框之间的距离和单元格之间的距离。
```html
<table cellpadding="10" cellspacing="5">
...
</table>
```
HTML表格的灵活性使得它们能够适应各种复杂的数据布局需求，通过调整这些属性和标签的组合，可以创建出样式各异、功能强大的数据展示区域。在实际应用中，还可以结合CSS来进一步定制表格的样式，使其与网站的整体设计保持一致。了解并熟练掌握这些基本概念，对于任何HTML初学者来说都是至关重要的。
