表格是 HTML 中的一个重要组件，用于以包含行和列的结构化格式显示数据。 在 HTML 中，表是使用 <table>、<tr> 和 <td> 标记创建的。
<table> 标记代表主表容器，其中包含所有行和列。 行使用 <tr>（表行）标签定义，而行内的单元格使用 <td>（表数据）标签定义。 此外，您可以使用 <th>（表格标题）标签来定义表格的标题单元格。
您可以使用 colspan 和 rowspan 等属性来合并表中的单元格或跨多行和多列跨单元格。 此外，您可以应用 CSS 属性来自定义表格的外观和布局。
表( <table>)
- 该 <table> 元素用于在 HTML 中创建表格。
- 数据放置在行( <tr>) 和列(<td> 或 <th>) 中。
- 每个数据单元格都放置在 <td> （数据单元格）或 <th> （标题单元格）元素内。
<table>
<tr>
<th>No.</th>
<th>Name</th>
<th>Age</th>
</tr>
<tr>
<td>1</td>
<td>John</td>
<td>25</td>
</tr>
<tr>
<td>2</td>
<td>Jane</td>
<td>30</td>
</tr>
</table>
列标题( <th>)
- 该 <th> 元素用于在表中创建列标题。
- 通常放置在表格的第一行。
<table>
<tr>
<th>No.</th>
<th>Name</th>
<th>Age</th>
</tr>
<!-- data rows -->
</table>
数据行( <tr>):
- 该 <tr> 元素用于在表中创建数据行。
- 数据单元格( <td>) 或标题单元格( <th>) 放置在这些 <tr> 元素内。
<table>
<tr>
<th>No.</th>
<th>Name</th>
<th>Age</th>
</tr>
<tr>
<td>1</td>
<td>John</td>
<td>25</td>
</tr>
<tr>
<td>2</td>
<td>Jane</td>
<td>30</td>
</tr>
</table>
列跨度( colspan)
该 colspan 属性用于确定数据单元格或标题单元格在表中跨越的列数。
<table>
<tr>
<th colspan="2">Personal Information</th>
</tr>
<tr>
<td colspan="2">John Doe</td>
</tr>
</table>
行跨度( rowspan)
该 rowspan 属性用于确定数据单元格或标题单元格在表中跨越的行数。
<table>
<tr>
<th rowspan="2">No.</th>
<td>1</td>
<td>John</td>
</tr>
<tr>
<td>2</td>
<td>Jane</td>
</tr>
</table>
合并单元格(colspan 和 rowspan)
您可以结合使用 colspan 和 rowspan 属性来合并表格中的单元格。
<table>
<tr>
<th rowspan="2">No.</th>
<th colspan="2">Personal Information</th>
</tr>
<tr>
<td>John</td>
<td>25</td>
</tr>
</table>
border 财产
- 该 border 属性指定表格边框的厚度。
- 的值为 border 非负整数。
<table border="1">
<!-- Table rows and columns -->
</table>
cellpadding 财产
- ,该 cellpadding 属性指定表格中单元格内容与单元格边框之间的距离。
- 的值为 cellpadding 非负整数
<table cellpadding="5">
<!-- Table rows and columns -->
</table>
cellspacing 财产
- 该 cellspacing 属性指定表中单元格之间的间距。
- 的值为 cellspacing 非负整数。
<table cellspacing="10">
<!-- Table rows and columns -->
</table>
这些属性和元素允许您根据需要创建和自定义 HTML 表格。 您可以使用它们在您的网站上以清晰且有组织的方式显示数据。