HTML常见标签——表格＜table＞标签、表格标签常见的属性、表格的跨行合并和跨列合并
HTML中表格由<table>标签定义。表格的标题由<caption>定义，表头和表尾分别由<thead>和<tfoot>定义，表格的主体部分由<tbody>定义。表格的行由<tr>定义，单元格由<td>定义，表头单元格由<th>定义。
常见的<table>标签属性包括：
border：定义表格的边框。cellpadding：定义单元格内容与单元格边界的距离。cellspacing：定义单元格之间的距离。width：定义表格的宽度。align：设置表格的水平对齐方式（例如：left,center,right）。bgcolor：设置表格的背景颜色。
要跨行合并，使用rowspan属性；要跨列合并，使用colspan属性。
以下是一个简单的HTML表格示例，包含跨行合并和跨列合并：
<!DOCTYPE html>
<html>
<head>
<title>表格示例</title>
</head>
<body>
<table border="1" cellpadding="5" cellspacing="0" width="300">
<caption>表格标题</caption>
<tr>
<th>表头1</th>
<th colspan="2">表头2 (跨列合并2列)</th>
</tr>
<tr>
<td>数据1</td>
<td>数据2</td>
<td>数据3</td>
</tr>
<tr>
<td rowspan="2">数据4 (跨行合并2行)</td>
<td>数据5</td>
<td>数据6</td>
</tr>
<tr>
<td>数据7</td>
<td>数据8</td>
</tr>
</table>
</body>
</html>在这个例子中，表头2跨列合并了两列，数据4跨行合并了两行。这样的表格既美观，又易于理解。
评论已关闭