【前端web入门第二天】01 html语法实现列表与表格_合并单元格
在HTML中，要创建一个表格并合并单元格，可以使用<table>、<tr>、<td>元素以及colspan和rowspan属性。colspan用于合并水平方向的多个单元格，rowspan用于合并垂直方向的多个单元格。
以下是一个简单的例子，展示了如何创建一个含有合并单元格的表格：
<!DOCTYPE html>
<html>
<head>
<title>表格合并单元格示例</title>
</head>
<body>
<table border="1">
<tr>
<td>1A</td>
<td>1B</td>
<td>1C</td>
</tr>
<tr>
<td>2A</td>
<td colspan="2">2B-2C 合并了两个单元格</td>
</tr>
<tr>
<td>3A</td>
<td>3B</td>
<td rowspan="2">3C 合并了两行</td>
</tr>
<tr>
<td>4A</td>
<td>4B</td>
</tr>
</table>
</body>
</html>在这个例子中，第二行的第二个单元格合并了两列（colspan=2），第三行的第三个单元格合并了两行（rowspan=2）。这样的表格在显示时，第二列的第二个单元格和第三行的第三个单元格都会被合并。
评论已关闭