DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> HTML5教程 >> HTML教程:制作表格嵌套
HTML教程:制作表格嵌套
編輯:HTML5教程     

        在頁面中,排版是通過表格的嵌套來完成的。即一個表格內部可以套入另一個表格。原因如下:
  
  首先,網頁的排版會很復雜,在外部需要有一個表格控制總體布局。如果這時一些內部排版的細節也通過總表格來實現,容易引起行高列寬等的沖突,給表格制作帶來困難。
  
  其次,浏覽器在解析網頁的時候,是將整個表格的結構下載完畢之後才顯示表格。如果不使用嵌套,表格非常復雜,浏覽者要等待很長時間才能看到網頁的內容。
  
  出於這些原因,引入嵌套表格。由總表格負責整體的排版,由嵌套的表格負責各個子欄目的排版,並插入到總表格的相應位置中。這樣一來各司其職,互不沖突。
  
  文件范例: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行為嵌套的表格。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved