欢迎来到山村网

HTML表格嵌套

2019-03-28 23:20:34浏览:275 来源:山村网   
核心摘要:在页面中,排版是通过表格的嵌套来完成的。即一个表格内部可以套入另一个表格。原因如下:首先,网页的排版会很复杂,在外部需要

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

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

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

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

文件范例: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行为嵌套的表格。

(责任编辑:豆豆)
下一篇:

HTML表格宽度和高度属性WIDTH

上一篇:

HTML表格背景图像属性BACKGROUND

  • 信息二维码

    手机看新闻

  • 分享到
打赏
免责声明
• 
本文仅代表作者个人观点,本站未对其内容进行核实,请读者仅做参考,如若文中涉及有违公德、触犯法律的内容,一经发现,立即删除,作者需自行承担相应责任。涉及到版权或其他问题,请及时联系我们 xfptx@outlook.com