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行为嵌套的表格。

本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除!

相关文档推荐

Js正则表达式过滤特殊字符、表情的实例代码: let ret = "12312ffds#¥@¥#%^***(()))*)).`@%@¥@¥", val = this.customDeviceName;//特殊字符过滤let pattern = new RegExp("[`~!@#$^*()=|{}':;',\\[\\]./?~!@#¥……*()——|{}【】‘;:”“'。,、?]
1、htmlshiv.js Remy开发的HTML5shiv工具能利用JavaScript在老式IE里创建main,header,footer等HTML5元素。也就是说使用JavaScript能创建这些本来不存在的HTML5新元素。这是什么原理?你可能花几天也想不明白,但谁在意呢!这个脚本几乎是所有正式网站必用
HTML5 火的正热,最近有个想法也是要用到HTML的相关功能,所以也要好好学习一把。 好好看了一下Canvas的功能,感觉HTML5在客户端交互的功能性越来越强了,今天看了一下Canvas绘图,下边是几个实例,记下以备后用。 1、使用Canvas绘制直线: !doctype html ht
响应式布局,理想状态是,对PC/移动各种终端进行响应。媒体查询的支持程度是IE9+以及其他现代的浏览器,但是IE8在市场当中仍然占据了比较大量的市场份额,使我们不得不进行IE低端浏览器的考虑。那么如何在IE6~8浏览器中兼容响应式布局呢?这里我们需要借助这
近日,微软宣布开源Chakra的核心组件。Chakra是微软新一代浏览器 Microsoft Edge的JavaScript引擎。相关代码将于2016年1月上传到微软的GitHub账号,项目名称为 ChakraCore,遵循MIT许可协议。 ...,HTML5中国,中国最大的HTML5中文门户。
这篇文章报道的不是“新闻”,因为W3C早已开始着手CSS变量方面的工作。至于Google,则要追溯到11月初,当时该公司主要开发人员之一的Addy Osmani宣布了率先在Chrome Canary中引入对CSS变量的支持。 ...,HTML5中国,中国最大的HTML5中文门户。