首页 > 网站 > WEB开发 > 正文

HTML教程:制作表格嵌套

2024-04-27 14:59:07
字体:
来源:转载
供稿:网友

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


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表