HTML表格标记教程(47):表格嵌套

在页面中，排版是通过表格的嵌套来完成的。即一个表格内部可以套入另一个表格。原因如下：首先，网页的排版会很复杂，在外部需要有一个表格控制总体布局。如果这时一些内部排版的细节也通过总表格来实现，容易引起行高列宽等的冲突，给表格制作带来困难。其次，浏览器在解析网页的时候，是将整个表格的结构下载完毕之后才显示表格。如果不使用嵌套，表格非常复杂，浏览者要等待很长时间才能看到网页的内容。出于这些原因，引入嵌套表格。由总表格负责整体的排版，由嵌套的表格负责各个子栏目的排版，并插入到总表格的相应位置中。这样一来各司其职，互不冲突。文件范例：10-47.htm 制作表格嵌套。01 02 03 04 05 <html>06 <head>07 <title>表格嵌套</title>08 </head>09 <body>10 <table border=3 width=400 height=100 bordercolor=#336699 align="Center">11 <tr>12 <td colspan=2 align="Center">13 <table border=1 width=100% bordercolor=red>14 <tr>15 <td align="Center">Macromedia网页设计师</td>16 </tr>17 <tr>18 <td align="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行为嵌套的表格。

　　推荐阅读

　　HTML表格标记教程(36):表头的背景色属性BGCOLOR

<TH>标记用于设定表格中某一表头的属性。见下表所示：表头的<th>标记属性属性描述 ALIGN 水平对齐 >>>详细阅读

本文标题：HTML表格标记教程(47):表格嵌套

地址：http://www.17bianji.com/kaifa2/XML/15886.html

1/2 1