首頁  >  文章  >  web前端  >  HTML表格標記教學(47):表格巢狀_HTML/Xhtml_網頁製作

HTML表格標記教學(47):表格巢狀_HTML/Xhtml_網頁製作

WBOY
WBOY原創
2016-05-16 16:44:361773瀏覽

在頁面中,排版是透過表格的巢狀來完成的。即一個表格內部可以套入另一個表格。原因如下:
首先,網頁的排版會很複雜,在外部需要有一個表格控制整體版面。如果這時一些內部排版的細節也透過總表格來實現,容易引起行高列寬等的衝突,為表格製作帶來困難。
其次,瀏覽器在解析網頁的時候,是將整個表格的結構下載完畢之後才顯示表格。如果不使用嵌套,表格非常複雜,瀏覽者要等待很長時間才能看到網頁的內容。
基於這些原因,引入巢狀表格。由總表格負責整體的排版,由嵌套的表格負責各個子欄目的排版,並插入到總表格的相應位置中。這樣一來各司其職,互不衝突。 檔案範例:10-47.htm
製作表格巢狀。
01
02
03
04
05
06 05
06 表🎜>嵌套
08
09

11
12

13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
Macromedia网页设计师
网页设计软件
网页图像软件 Fireworks
网页制作软件 Dreamweaver
网页动画软件 Flash
10
11 12

13 14
15 16 17 18 20 21 22 23 24 網​​頁圖像軟體25 26 27 28 29 30 31 32
Macromedia網頁設計師
網頁設計軟體 td>19
Fireworks
網頁製作軟體 Dreamweaver
網頁動畫軟體 Flash
33 34 文件說明 第13行到第20行為嵌套的表格。
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn