HTML表格标记教程(47):表格嵌套
HTML表格标记教程(47):表格嵌套
发布时间:2016-12-27 来源:查字典编辑
摘要:在页面中,排版是通过表格的嵌套来完成的。即一个表格内部可以套入另一个表格。原因如下:首先,网页的排版会很复杂,在外部需要有一个表格控制总体布...

在页面中,排版是通过表格的嵌套来完成的。即一个表格内部可以套入另一个表格。原因如下:

首先,网页的排版会很复杂,在外部需要有一个表格控制总体布局。如果这时一些内部排版的细节也通过总表格来实现,容易引起行高列宽等的冲突,给表格制作带来困难。

其次,浏览器在解析网页的时候,是将整个表格的结构下载完毕之后才显示表格。如果不使用嵌套,表格非常复杂,浏览者要等待很长时间才能看到网页的内容。

出于这些原因,引入嵌套表格。由总表格负责整体的排版,由嵌套的表格负责各个子栏目的排版,并插入到总表格的相应位置中。这样一来各司其职,互不冲突。 文件范例: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行为嵌套的表格。

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新XHTML学习
热门XHTML学习
网页设计子分类