HTML教程:制作表格嵌套
在页面中,排版是通过表格的嵌套来完成的。即一个表格内部可以套入另一个表格。原因如下:
首先,网页的排版会很复杂,在外部需要有一个表格控制总体布局。如果这时一些内部排版的细节也通过总表格来实现,容易引起行高列宽等的冲突,给表格制作带来困难。
其次,浏览器在解析网页的时候,是将整个表格的结构下载完毕之后才显示表格。如果不使用嵌套,表格非常复杂,浏览者要等待很长时间才能看到网页的内容。
出于这些原因,引入嵌套表格。由总表格负责整体的排版,由嵌套的表格负责各个子栏目的排版,并插入到总表格的相应位置中。这样一来各司其职,互不冲突。
文件范例: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行为嵌套的表格。
本文网址:https://www.dedexuexi.com/wysj/html5/2951.html
本站部分文章搜集与网络,如有侵权请联系本站,转载请说明出处。