位置：首頁(yè) > 軟件操作教程 > 編程開發(fā) > HTML > 問(wèn)題詳情

表格嵌套 HTML

提問(wèn)人：劉團(tuán)圓發(fā)布時(shí)間：2020-11-11

嵌套表格就是在一個(gè)大的表格中，再嵌進(jìn)去一個(gè)或幾個(gè)小的表格，即插入到表格單元格中的表格。如果用一個(gè)表格布局頁(yè)面，并希望用另一個(gè)表格組織信息，則可以插入一個(gè)嵌套表格。

表格的嵌套一方面是為使頁(yè)面的外觀更為漂亮，利用表格嵌套來(lái)編輯出復(fù)雜而精美的效果，另一方面是出于布局需要，用一些嵌套方式的表格來(lái)做精確的編排，或者二者兼而有之。熟練地掌握表格的嵌套技巧并不是很困難的，只要思路清晰，對(duì)表格的整體嵌套構(gòu)架做到心中有數(shù)，在實(shí)際編輯時(shí)就不會(huì)出亂，發(fā)布出來(lái)的作品也就不會(huì)只是一堆代碼。

在用嵌套表格做布局的時(shí)候，一般表格不會(huì)顯示邊框，但為了顯示嵌套關(guān)系，例子中會(huì)將邊框顯現(xiàn)出來(lái)，在實(shí)際應(yīng)用中，程序員可根據(jù)具體的情況設(shè)置邊框是否顯示。

本例是表格嵌套表格的應(yīng)用。將在一個(gè)四行五列的表格中，嵌套了一個(gè)三行三列的表格，為了看出是表格嵌套，將表格的邊框都顯示出來(lái)了。

代碼如下：

<!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>

image.png

繼續(xù)查找其他問(wèn)題的答案？

相關(guān)視頻回答
回復(fù)(0)
返回頂部