HTML表格是一种非常常见的网页元素，用于展示数据和信息，在HTML中，我们使用<table>标签来创建表格，<tr>标签表示表格的行，<td>标签表示表格的单元格，以下是一个简单的HTML表格示例：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML表格示例</title>
</head>
<body>
<table border="1">
<tr>
<th>姓名</th>
<th>年龄</th>
<th>性别</th>
</tr>
<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>
</table>
</body>
</html>
在这个示例中，我们首先定义了一个表格，并为其添加了边框，我们使用<tr>标签创建了表格的行，并在每行中使用<th>标签定义了表头单元格，接下来，我们使用<td>标签创建了表格的数据单元格，并填充了一些示例数据。
除了基本的表格结构外，我们还可以使用一些额外的HTML属性来美化表格，例如设置背景颜色、字体样式等，以下是一些常用的HTML表格属性：
1、border：设置表格边框的宽度，默认值为"1"，可以设置为"0"以隐藏边框。
2、cellpadding：设置单元格内容与边框之间的间距，默认值为"1"，可以设置为任意数值。
3、cellspacing：设置单元格之间的间距，默认值为"2"，可以设置为任意数值。
4、bgcolor：设置表格的背景颜色，可以使用颜色名称或十六进制颜色代码。
5、align：设置表格内容的对齐方式，可选值有"left"（左对齐）、"center"（居中对齐）和"right"（右对齐）。
6、valign：设置单元格内容的垂直对齐方式，可选值有"top"（顶部对齐）、"middle"（中间对齐）和"bottom"（底部对齐）。
7、style：为表格添加内联样式，可以使用CSS样式属性来自定义表格的外观。
以下是一个使用这些属性美化表格的示例：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>美化的HTML表格示例</title>
<style>
table {
border-collapse: collapse; /* 合并单元格边框 */
width: 50%; /* 设置表格宽度 */
margin: 0 auto; /* 居中显示表格 */
}
th, td {
border: 1px solid black; /* 设置单元格边框 */
padding: 15px; /* 设置单元格内容与边框之间的间距 */
text-align: left; /* 设置内容对齐方式 */
background-color: #f2f2f2; /* 设置背景颜色 */
}
th {
background-color: #4CAF50; /* 设置表头背景颜色 */
color: white; /* 设置文字颜色 */
}
</style>
</head>
<body>
<table align="center">
<tr style="background-color: #4CAF50; color: white;">
<th style="width: 25%;">姓名</th>
<th style="width: 25%;">年龄</th>
<th style="width: 25%;">性别</th>
<th style="width: 25%;">职业</th>
</tr>
<tr style="background-color: #f2f2f2;">
<td style="text-align: center;">张三</td>
<td style="text-align: center;">25</td>
<td style="text-align: center;">男</td>
<td style="text-align: center;">程序员</td>
</tr>
<tr style="background-color: #f2f2f2;">
<td style="text-align: center;">李四</td>
<td style="text-align: center;">30</td>
<td style="text-align: center;">女</td>
<td style="text-align: center;">设计师</td>
</tr>
<tr style="background-color: #f2f2f2;">
<td style="text-align: center;">王五</td>
<td style="text-align: center;">28</td>
<td style="text-align: center;">男</td>
<td style="text-align: center;">产品经理</td>
</tr>
</table>
</body>
</html>
在这个示例中，我们使用了CSS样式来美化表格，包括合并单元格边框、设置表格宽度、居中显示表格、设置单元格边框、内容与边框之间的间距、内容对齐方式和背景颜色等，我们还为表头设置了特殊的背景颜色和文字颜色。