写一个带有嵌套表格的HTML页面
时间: 2023-05-21 18:05:57 浏览: 150
当然可以!以下是一个带有嵌套表格的HTML页面的示例代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>嵌套表格示例</title>
</head>
<body>
<h1>嵌套表格示例</h1>
<table border="1">
<tr>
<th>姓名</th>
<th>年龄</th>
<th>联系方式</th>
<th>地址</th>
</tr>
<tr>
<td rowspan="2">张三</td>
<td>30</td>
<td>1234567890</td>
<td rowspan="2">
<table border="1">
<tr>
<th>省份</th>
<th>城市</th>
<th>详细地址</th>
</tr>
<tr>
<td>北京市</td>
<td>北京市</td>
<td>朝阳区xx街道xx小区xx号楼xx单元xx号</td>
</tr>
<tr>
<td>河南省</td>
<td>郑州市</td>
<td>二七区xx街道xx小区xx号楼xx单元xx号</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>25</td>
<td>0987654321</td>
</tr>
<tr>
<td>李四</td>
<td>40</td>
<td>2468013579</td>
<td>上海市浦东新区xx街道xx小区xx号楼xx单元xx号</td>
</tr>
</table>
</body>
</html>
```
这个页面包含一个主表格和一个嵌套的子表格。主表格每行代表一个人的基本信息,有姓名、年龄、联系方式和地址四列,其中地址列使用了 `rowspan` 属性来将嵌套的子表格占据一行的两个单元格。子表格包含每个人的多个地址信息,有省份、城市和详细地址三列,用于展示每个人的不同住址信息。
阅读全文