HTML教程:制作表格嵌套

2024-04-27 14:59:07

字體：大中小

來源：轉載

供稿：網友

在頁面中，排版是通過表格的嵌套來完成的。即一個表格內部可以套入另一個表格。原因如下：
　　
　　首先，網頁的排版會很復雜，在外部需要有一個表格控制總體布局。如果這時一些內部排版的細節也通過總表格來實現，容易引起行高列寬等的沖突，給表格制作帶來困難。
　　
　　其次，瀏覽器在解析網頁的時候，是將整個表格的結構下載完畢之后才顯示表格。如果不使用嵌套，表格非常復雜，瀏覽者要等待很長時間才能看到網頁的內容。
　　
　　出于這些原因，引入嵌套表格。由總表格負責整體的排版，由嵌套的表格負責各個子欄目的排版，并插入到總表格的相應位置中。這樣一來各司其職，互不沖突。
　　
　　文件范例：10-47.htm
　　
　　制作表格嵌套。
　　
　　01
　　
　　02
　　
　　03
　　
　　04
　　
　　05<html>
　　
　　06<head>
　　
　　07<title>表格嵌套</title>
　　
　　08</head>
　　
　　09<body>
　　
　　10<tableborder=3width=400height=100bordercolor=#336699align="Center">
　　
　　11<tr>
　　
　　12<tdcolspan=2align="Center">
　　
　　13<tableborder=1width=100%bordercolor=red>
　　
　　14<tr>
　　
　　15<tdalign="Center">Macromedia網頁設計師</td>
　　
　　16</tr>
　　
　　17<tr>
　　
　　18<tdalign="Center">網頁設計軟件</td>
　　
　　19</tr>
　　
　　20</tableE>
　　
　　21</td>
　　
　　22</tr>
　　
　　23<tr>
　　
　　24<td>網頁圖像軟件</td><td>fireworks</td>
　　
　　25</tr>
　　
　　26<tr>
　　
　　27<td>網頁制作軟件</td><td>Dreamweaver</td>
　　
　　28</tr>
　　
　　29<tr>
　　
　　30<td>網頁動畫軟件</td><TD>Flash</td>
　　
　　31</tr>
　　
　　32</table>
　　
　　33</body>
　　
　　34</html>
　　
　　文件說明
　　
　　第13行到第20行為嵌套的表格。