登录模块加载中...
会员投稿 投稿指南 今天是:
打印本页 | 关闭窗口 | 双击滚屏 您的位置首页>>网页制作学习园地>>HTML教程>>HTML教程>>HTML表格标记教程(47):表格嵌套
HTML表格标记教程(47):表格嵌套
来源:网页教学网 ‖ 作者:行云止水 ‖ 点击: ‖ 时间:13-01-10 15:32:18 ‖ 【 】‖ 我要投稿

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

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

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

出于这些原因,引入嵌套表格。由总表格负责整体的排版,由嵌套的表格负责各个子栏目的排版,并插入到总表格的相应位置中。这样一来各司其职,互不冲突。

文件范例:10-47.htm
制作表格嵌套。
01 <  !-- ------------------------------ --  >
02 <  !-- 文件范例:10-47.htm --  >
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行为嵌套的表格。

加入收藏:  加入收藏夹  | 发送给好友:  发送给好友
责任编辑:admin
请文明参与讨论,禁止漫骂攻击。  
网友评论