分享

表格标记详解★表格嵌套

 吉祥如意988 2014-10-08

表格标记详解★表格嵌套 

表格嵌套简介:

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

代码实例:

 <TABLE borderColor=#003333 height=300 width=400 border=2>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#4B0082 height=300 width=400 border=2>
<TBODY>
<TR>
<TD>文本编辑</TD></TR><TR>
<TD>文本编辑</TD></TR></TBODY></TABLE>
 </TD></TR>
<TR>
<TD> <TABLE borderColor=#4B0082 height=300 width=400 border=2>
<TBODY>
<TR>
<TD>文本编辑</TD></TR><TR>
<TD>文本编辑</TD></TR></TBODY></TABLE>
 </TD></TR></TBODY></TABLE>

               备注:浅绿色部分是加在两组TR、TD标签中的两组嵌套表格。 

实例效果:

 

文本编辑
文本编辑
文本编辑
文本编辑

 


  

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多