表格嵌套 HTML
嵌套表格就是在一個(gè)大的表格中，再嵌進(jìn)去一個(gè)或幾個(gè)小的表格，即插入到表格單元格中的表格。如果用一個(gè)表格布局頁面，并希望用另一個(gè)表格組織信息，則可以插入一個(gè)嵌套表格。
表格的嵌套一方面是為使頁面的外觀更為漂亮，利用表格嵌套來編輯出復(fù)雜而精美的效果，另一方面是出于布局需要，用一些嵌套方式的表格來做精確的編排，或者二者兼而有之。熟練地掌握表格的嵌套技巧并不是很困難的，只要思路清晰，對表格的整體嵌套構(gòu)架做到心中有數(shù)，在實(shí)際編輯時(shí)就不會出亂，發(fā)布出來的作品也就不會只是一堆代碼。
在用嵌套表格做布局的時(shí)候，一般表格不會顯示邊框，但為了顯示嵌套關(guān)系，例子中會將邊框顯現(xiàn)出來，在實(shí)際應(yīng)用中，程序員可根據(jù)具體的情況設(shè)置邊框是否顯示。
本例是表格嵌套表格的應(yīng)用。將在一個(gè)四行五列的表格中，嵌套了一個(gè)三行三列的表格，為了看出是表格嵌套，將表格的邊框都顯示出來了。
代碼如下：
<!DOCTYPE HTML>
<html>
<head>
<title>表格的嵌套</title>
</head>
<body>
<table border="1">
<tr><td>1</td><td rowspan=2>2</td><td>3</td><td>4</td><td>5</td></tr>
<tr><td>6</td><td>7</td><td>8</td><td>9</td></tr>
<tr>
<td rowspan="2"colspan="2">10<br/>
<table border="1">
<tr><td>1</td><td>2</td><td>3</td></tr>
<tr><td>4</td><td>5</td><td>6</td></tr>
<tr><td>7</td><td>8</td><td>9</td></tr>
</table>
</td>
<td>11</td><td>12</td><td>13</td>
</tr>
<tr><td>14</td><td colspan="2">15</td></tr>
</table>
</body>
</html>
湘公網(wǎng)安備:43011102000856號 
點(diǎn)擊加載更多評論>>