HTML表格标记教程(47):表格嵌套
导读:收集整理的这篇文章主要介绍了HTML表格标记教程(47 :表格嵌套,觉得挺不错的,现在分享给大家,也给大家做个参考。 在页面中,排版是通过表格的嵌套来完成的。即一个表格内部可以套入另一个表格。原因如下:首先,网页的排版会很复杂,在...
收集整理的这篇文章主要介绍了HTML表格标记教程(47):表格嵌套,觉得挺不错的,现在分享给大家,也给大家做个参考。 在页面中,排版是通过表格的嵌套来完成的。即一个表格内部可以套入另一个表格。原因如下:
首先,网页的排版会很复杂,在外部需要有一个表格控制总体布局。如果这时一些内部排版的细节也通过总表格来实现,容易引起行高列宽等的冲突,给表格制作带来困难。
其次,浏览器在解析网页的时候,是将整个表格的结构下载完毕之后才显示表格。如果不使用嵌套,表格非常复杂,浏览者要等待很长时间才能看到网页的内容。
出于这些原因,引入嵌套表格。由总表格负责整体的排版,由嵌套的表格负责各个子栏目的排版,并插入到总表格的相应位置中。这样一来各司其职,互不冲突。文件范例: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行为嵌套的表格。
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: HTML表格标记教程(47):表格嵌套
本文地址: https://pptw.com/jishu/587469.html