1. HTML表格（Table）
HTML是一种标记语言，用于创建Web页面。HTML表格是用于在Web页面中展示各种类型数据的一种方式。在HTML中，表格以<table>标签开始，以</table>标签结束，可以使用<tr>标签定义表格行，使用<th>标签和<td>标签定义表头和单元格。
<table>
<tr>
<th>表头1</th>
<th>表头2</th>
</tr>
<tr>
<td>数据1</td>
<td>数据2</td>
</tr>
</table>
1.1 表格单元格（Table Data，TD）
表格单元格（TD）用于定义表格中的数据，默认水平方向为左对齐。
<table>
<tr>
<td>数据1</td>
<td>数据2</td>
<td>数据3</td>
</tr>
<tr>
<td>数据4</td>
<td>数据5</td>
<td>数据6</td>
</tr>
</table>
表格单元格中可以嵌套其他HTML元素，比如链接、图像等。
1.2 表格表头（Table Header，TH）
表格表头（TH）用于定义表格中的表头，可使表格更易于阅读。
<table>
<tr>
<th>姓名</th>
<th>年龄</th>
<th>性别</th>
</tr>
<tr>
<td>张三</td>
<td>20</td>
<td>男</td>
</tr>
</table>
1.3 表格边框（Border）
在HTML中，表格边框（Border）是可选的，默认情况下，表格无边框。通过使用border属性可以设置表格边框大小及颜色。
<table border="1">
<tr>
<th>姓名</th>
<th>年龄</th>
<th>性别</th>
</tr>
<tr>
<td>张三</td>
<td>20</td>
<td>男</td>
</tr>
</table>
边框大小的值可以是1到n之间的数字，n为整数。
1.4 表格宽度（Width）
在HTML中，可以使用width属性来设置表格的宽度。宽度可以使用像素值、百分比或auto。
<table border="1" width="80%">
<tr>
<th>姓名</th>
<th>年龄</th>
<th>性别</th>
</tr>
<tr>
<td>张三</td>
<td>20</td>
<td>男</td>
</tr>
</table>
如果设置宽度为auto，则表格宽度将根据其内容自动调整。
<table border="1" width="auto">
<tr>
<th>姓名</th>
<th>年龄</th>
<th>性别</th>
</tr>
<tr>
<td>张三</td>
<td>20</td>
<td>男</td>
</tr>
</table>
1.5 表格高度（Height）
在HTML中，可以使用height属性来设置表格的高度。高度可以使用像素值、百分比或auto。
<table border="1" width="80%" height="200px">
<tr>
<th>姓名</th>
<th>年龄</th>
<th>性别</th>
</tr>
<tr>
<td>张三</td>
<td>20</td>
<td>男</td>
</tr>
</table>
如果设置高度为auto，则表格高度将根据其内容自动调整。
<table border="1" width="80%" height="auto">
<tr>
<th>姓名</th>
<th>年龄</th>
<th>性别</th>
</tr>
<tr>
<td>张三</td>
<td>20</td>
<td>男</td>
</tr>
</table>
1.6 表格单元格内边距（Padding）
在HTML中，可以使用padding属性来定义表格单元格的内边距。
<table border="1">
<tr>
<td style="padding:20px">数据1</td>
<td style="padding:10px">数据2</td>
</tr>
</table>
padding属性值可以是一个值、两个值（上下内边距、左右内边距）或四个值（上内边距、右内边距、下内边距、左内边距），值可以使用像素、em、pt等单位。
1.7 表格单元格外边距（Margin）
在HTML中，可以使用margin属性来定义表格单元格的外边距。
<table border="1">
<tr>
<td style="margin:20px">数据1</td>
<td style="margin:10px">数据2</td>
</tr>
</table>
margin属性值可以是一个值、两个值（上下外边距、左右外边距）或四个值（上外边距、右外边距、下外边距、左外边距），值可以使用像素、em、pt等单位。
1.8 表格单元格合并（Rowspan和Colspan）
在HTML中，可以使用rowspan属性和colspan属性实现单元格的合并。
rowspan属性用于合并行，colspan属性用于合并列。
<table border="1">
<tr>
<td rowspan="2">数据1</td>
<td>数据2</td>
</tr>
<tr>
<td data-label="Data 2">数据3</td>
</tr>
<tr>
<td colspan="2">数据4</td>
</tr>
</table>
在上面的示例中，第一行单元格中，使用rowspan="2"将其合并为一行两列；在第二行中，由于合并单元格的存在，需要使用data-label属性来标记单元格的内容。
第三行单元格中，使用colspan="2"将其合并为一列两行。
1.9 表格对齐方式（Align）
在HTML中，可以使用align属性来定义表格的水平对齐方式。
<table border="1" align="center">
<tr>
<td>数据1</td>
<td>数据2</td>
</tr>
<tr>
<td>数据3</td>
<td>数据4</td>
</tr>
</table>
align属性值可以是left、center或right。
2. HTML表格单元格（TD）详解
2.1 基本用法
表格单元格（TD）用于定义表格中的数据，默认水平方向为左对齐。
<table>
<tr>
<td>数据1</td>
<td>数据2</td>
<td>数据3</td>
</tr>
<tr>
<td>数据4</td>
<td>数据5</td>
<td>数据6</td>
</tr>
</table>
表格单元格中可以嵌套其他HTML元素，比如链接、图像等。
2.2 属性
align：设置单元格内容的水平对齐方式，取值为left、center或right。
bgcolor：设置单元格背景颜色。
colspan：设置单元格所占的列数。
headers：将单元格与表头相关联。
height：设置单元格高度。
nowrap：禁止自动换行。
rowspan：设置单元格所占的行数。
scope：定义一个或多个单元格与表头相关联的方式。
valign：设置单元格内容的垂直对齐方式，取值为top、middle或bottom。
width：设置单元格宽度。
2.3 例子
以下示例展示了如何使用表格单元格的属性。
<table>
<tr>
<td align="center">数据1</td>
<td bgcolor="#FFFF00">数据2</td>
</tr>
<tr>
<td colspan="2">数据3</td>
</tr>
<tr>
<th colspan="2" scope="colgroup">标题</th>
</tr>
<tr>
<td height="80">数据4</td>
<td width="100">数据5</td>
</tr>
</table>
align属性将单元格中的文本居中显示。
bgcolor属性设置单元格的背景颜色为黄色。
colspan属性设置单元格横跨两列。
colgroup属性将表头中的两个单元格分组为一列。
height属性设置单元格的高度为80像素。
width属性设置单元格的宽度为100像素。
3. 总结
HTML表格是在网页中显示数据的一种方式。在表格中，表格单元格是用于定义表格中的数据的元素。通过设置单元格的属性，可以设置单元格的对齐方式、大小、合并等。学习和使用HTML表格可以让我们更好地呈现数据，并使页面更具可读性。