HTML 嵌套表格

2025 年 3 月 25 日 | 阅读 2 分钟

HTML 中的嵌套表格是指在一个网页的表格内创建另一个表格。

注意：内部表格必须放在外部表格的 <td> .......... </td> 之间。

示例：以下示例描述了如何创建嵌套表格。在此示例中，我们在第一行的第二个单元格中创建了一个包含另一个表格的表格。

<!DOCTYPE html>
<html>
<head>
<title> 
Example of Nested Table
</title>
</head>
<body>
<!?The following table tag is used to create outer table on a webpage.  
This table tag contains two attributes border and bordercolor.
 The border attribute is used to specify the border (4) of the outer table, and the bordercolor is used to specify the green colour of border of an outer table. -->
<table border="4" bordercolor="green"> 
<tr>
<td> It is a 1st Cell of 1st row in the 1st Table. </td>
<td> It is a 2nd Cell of 1st row in the 1st Table.

<!?The following table tag is used to create an inner table which is shown in the second cell of the first row in the outer table on a webpage.  
This table tag also contains two attributes border and bordercolor. 
The border attribute is used to specify the border (6) of the inner table, and the bordercolor is used to specify the blue colour of border of an inner table. -->
<table border="6" bordercolor="blue">
<tr>
<td> It is a 1st Cell of 1st row in the 2nd Table. </td>
</tr>
<tr>
<td> It is a 2nd Cell of 2nd row in the 2nd Table. </td></tr>
</table>
</td>
</tr>
<tr>
<td> It is a 3rd Cell of 2nd row in the 1st Table. </td>
<td> It is a 4th Cell of 2nd row in the 1st Table. </td>
</tr>
</table>
</body>
</html>

输出