手机
当前位置:查字典教程网 >网页设计 >XHTML >HTML表格标记教程(47):表格嵌套
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表格标记教程(47):表格嵌套】相关文章:

HTML表格标记教程(30):单元格的暗边框色属性BORDERCOLORDARK

HTML标记语言——表单

HTML表格标记教程(4):边框色属性BORDERCOLOR

HTML表格标记教程(25):行的垂直对齐属性VALIGN

HTML表格标记教程(44):表格的表首标记

HTML表格标记教程(29):单元格的亮边框色属性BORDERCOLORLIGHT

HTML表格标记教程(23):行的暗边框色属性BORDERCOLORDARK

HTML表格标记教程(10):单元格边距属性CELLPADDING

HTML表格标记教程(15):表格的标题

XHTML入门学习教程:文字格式与特殊字符

精品推荐
分类导航