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>

效果：

表一

表二