web前端基础：HTML表格嵌套

单元格合并

多单元格表格里一个有趣的问题是单元格合并，其概念与 Excel
的合并单元格是一致的，只是实现方法不同。在 HTML 代码里，我
们用 colspan 属性合并左右单元格，记作：colspan=数值，“数值”
即为需要合并的单元格总数；而 rowspan 属性则合并上下单元格，
记作：rowspan=数值。
让我们用上面的第二组示例表格来加工一下。先看合并左右的单
元格：
代码：

<table border=1 cellpadding=0 cellspacing=0 width=450
align=center>
<tbody>
<tr>
<td align=center colspan=2>1，2 单元格合并了</td>
<td align=center>3</td>
</tr>
<tr>
<td align=center>4</td>
<td align=center>5</td>
<td align=center>6</td>
</tr>
</tbody>
</table>

效果：

1，2 单元格合并了		3
4	5	6

下面是表格的上下单元格合并：
代码：

<table border=1 cellpadding=0 cellspacing=0 width=450
align=center>
<tbody>
<tr>
<td align=center rowspan=2>1,4 单元格合并了</td>
<td align=center>2</td>
<td align=center>3</td>
</tr>
<tr>
<td align=center>5</td>
<td align=center>6</td>
</tr>
</tbody>
</table>

效果：

1,4 单元格合并了	2	3
	5	6

# 表格嵌套 作为容器，表格可以往里放置可以放置的元素。表格也是一个 元素，故而表格放在表格里是合理的，因此就有了表格的嵌套。 表格的嵌套还可以是另外的形式，那就是，一个表格的单元格里 还有表格。不论是哪种形式的嵌套，理论上嵌套的层可以是无穷尽的， 但现实中并不会这么做，我们总是根据需要有限制地使用嵌套，不会 没完没了。 表格嵌套其实也不复杂。如果你能够独立用代码做一张表格（强 烈建议练出这样的本事），那么，你就可以做一个两张表格的嵌套， 很简单，把代码复制一下，粘贴在原代码的和之间（亦 即在“和”的位置）。 试看以下代码和两个表格的嵌套效果：

<table border=1 cellpadding=0 cellspacing=0 width=450
height=200 align=center>
	<tbody>
	<tr>
		<td>表一
		<table border=1 cellpadding=0 cellspacing=0 width=450
height=200 align=center>
			<tbody>
			<tr>
		<td>表二</td>
			</tr>
			</tbody>
		</table>
		</td>
	</tr>
	</tbody>
</table>

效果：

表一 表二