首页
网页制作
网络编程
脚本专栏
数据库
网站运营
网络安全
平面设计
CMS教程
搜索
建站极客
网页制作
HTML/Xhtml
正文
HTML表格标记教程(47):表格嵌套
所属分类:
网页制作
/
HTML/Xhtml
阅读数: 589
收藏 0
赞 0
分享
在页面中,排版是通过表格的嵌套来完成的。即一个表格内部可以套入另一个表格。原因如下:
首先,网页的排版会很复杂,在外部需要有一个表格控制总体布局。如果这时一些内部排版的细节也通过总表格来实现,容易引起行高列宽等的冲突,给表格制作带来困难。
其次,浏览器在解析网页的时候,是将整个表格的结构下载完毕之后才显示表格。如果不使用嵌套,表格非常复杂,浏览者要等待很长时间才能看到网页的内容。
出于这些原因,引入嵌套表格。由总表格负责整体的排版,由嵌套的表格负责各个子栏目的排版,并插入到总表格的相应位置中。这样一来各司其职,互不冲突。 文件范例: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行为嵌套的表格。
更多精彩内容
其他人还在看
超链接的宽度和高度直接设置不起作用的解决方法
这篇文章主要介绍了超链接的宽度和高度直接设置不起作用的解决方法,需要的朋友可以参考下
评论 0
收藏 0
赞 0
分享
html下拉菜单提交后保留选中值而不返回默认值
这篇文章主要介绍了html下拉菜单提交后如何保留选中值而不返回默认值,方法虽简单,但比较实用,需要的朋友可以参考下
评论 0
收藏 0
赞 0
分享
html用style添加属性示例
这篇文章主要介绍了html用style添加属性的写法,比较实用,有需要的朋友可以参考下
评论 0
收藏 0
赞 0
分享
HTML元素设置焦点的方法
HTML元素设置焦点,大都是采用js的focus方法来进行设置,下面有个示例,大家可以参考下
评论 0
收藏 0
赞 0
分享
html用title属性实现鼠标悬停显示文字
实现鼠标悬停显示文字,html中使用title属性就可实现显示文字的效果,这个属性还是比较实用的,需要的朋友可以参考下
评论 0
收藏 0
赞 0
分享
html 用超链接打开新窗口其可控制窗口属性
这篇文章主要介绍了html如何用超链接打开新窗口其可控制窗口属性,主要使用到js的window.open方法,感兴趣的朋友可以看看哦
评论 0
收藏 0
赞 0
分享
html 可输入下拉菜单的实现方法
可输入下拉菜单,不可思议是不是, 本例通过一些方法实现这个不可能的事情,感兴趣的朋友可以参考下
评论 0
收藏 0
赞 0
分享
a标签href属性与onclick事件使用实例
a标签主要用来实现页面跳转,可以通过href属性实现,也可以在onclick事件里实现,下面为大家简要介绍下其具体的使用
评论 0
收藏 0
赞 0
分享
HTML cellpadding与cellspacing属性图文详解
这篇文章主要介绍了HTML cellpadding与cellspacing属性,有个演示图,相信大家看过之后就知道了,需要的朋友可以参考下
评论 0
收藏 0
赞 0
分享
input输入框中的光标大小显示不一致的解决方法
chrome浏览器对光标高度的设置原则为,当没有内容的时候光标的高度=input的line-height的值,当有内容时,光标从input的顶端到文字的底部
评论 0
收藏 0
赞 0
分享
查看更多
网络赚钱
更多
屌丝伪装高富帅 用女友朋友圈低价卖iPhone 6 卷走180万
怎么用互联网思维的做餐饮?
网赚感悟:网站为什么不赚钱?网赚没你想的那么简单
Google
网站如何靠SEO盈利?先把网站包装成专卖店吧
草根站长靠什么赚钱?什么样的人能成为赚钱的草根站长?
站长故事
更多
木屋烧烤创始人自述:屌丝的逆袭开餐饮店 连锁餐饮成功的五个因素
互联网屌丝合伙创业经验分享
做站7年
为什么知乎做起来了?市场竞争的魅力和价值
浅谈新手站长在网站运营中如何去养站?
草根站长告诉你通过互联网赚钱到底难不难(真实经历)