注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

启野的博客

淡淡的雾,淡淡的雨,淡淡的云彩悠悠的游。

 
 
 

日志

 
 

HTML表格标记详解8:表格嵌套  

2010-02-21 05:33:23|  分类: HTML专区 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
 
 

  

 

             表格标记详解8

 
文章简介:

 

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

例句:

 

<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标签中的两组嵌套表格

 

例子:

 

 

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

 

 

HTML表格制作相关文章链接:

点击相关文章链接查看:

欢迎光临启野博客!
  评论这张
 
阅读(1363)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017