萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 腳本Html教程 >> HTML表格嵌套

HTML表格嵌套

  在頁面中,排版是通過表格的嵌套來完成的。即一個表格內部可以套入另一個表格。原因如下:

首先,網頁的排版會很復雜,在外部需要有一個表格控制總體布局。如果這時一些內部排版的細節也通過總表格來實現,容易引起行高列寬等的沖突,給表格制作帶來困難。

其次,浏覽器在解析網頁的時候,是將整個表格的結構下載完畢之後才顯示表格。如果不使用嵌套,表格非常復雜,浏覽者要等待很長時間才能看到網頁的內容。

出於這些原因,引入嵌套表格。由總表格負責整體的排版,由嵌套的表格負責各個子欄目的排版,並插入到總表格的相應位置中。這樣一來各司其職,互不沖突。

文件范例:10-47.htm

制作表格嵌套。

01<!---------------------------------->

02<!--文件范例:10-47.htm-->

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行為嵌套的表格。

copyright © 萬盛學電腦網 all rights reserved