HTML教程:制作表格嵌套

时间：2014-09-14

在页面中，排版是通过表格的嵌套来完成的。即一个表格内部可以套入另一个表格。原因如下：
　　
　　首先，网页的排版会很复杂，在外部需要有一个表格控制总体布局。如果这时一些内部排版的细节也通过总表格来实现，容易引起行高列宽等的冲突，给表格制作带来困难。
　　
　　其次，浏览器在解析网页的时候，是将整个表格的结构下载完毕之后才显示表格。如果不使用嵌套，表格非常复杂，浏览者要等待很长时间才能看到网页的内容。
　　
　　出于这些原因，引入嵌套表格。由总表格负责整体的排版，由嵌套的表格负责各个子栏目的排版，并插入到总表格的相应位置中。这样一来各司其职，互不冲突。
　　
　　文件范例：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行为嵌套的表格。

上一篇：HTML网页基本组成概述 下一篇：HTML 5 和HTML 4有什么区别？

HTML教程:制作表格嵌套

相关文章

最新文章