制作伪装网站/手机创建网站教程

下载

第三部分 提供高级HTML支持

第1 3章 创建表格

第1 4章 创建客户端图像地图

第1 5章 交互式表单

第1 6章 使用帧和分帧文档集合

第13章 创建表格

本章内容：

• 有关H T M L表格

• 创建一个D r e a m w e a v e r表格

• 自定义表格

• 格式化表格

• 使表格成为设计工具

表格为We b页带来了结构的概念。不论是在电子表格中用于对齐数字还是在 We b页面上对

文本进行重排，H T M L表格都使此区域有别于其他区域—变得排列有序。最初，表格用来实

现以一个更方便阅读的格式显示未格式化数据的任务。现在， We b页设计者已经把表格当作控

制We b页面布局的最有力的工具。

D r e a m w e a v e r 的表格功能影响了当前We b页设计流行趋势。拖放表格设置尺寸，简便的行

列组合，以及迅速的表格重新格式化使用户在最短的时间内完成工作成为可能。这些表格编辑

特性已在Dreamweaver 3 中得到了很大的增强—现在，你可以从一个单元格到多个列中对一

个表格中的任何对象进行选择和修改。并且， D r e a m w e a v e r命令允许用户能对表格以不同的方

式进行分类或者对其进行再次完全格式化。

虽然由动态H T M L提供的绝对定位能力能使We b页设计者对页面布局实行更为精确地控制，

但更多的 We b 页设计者使用组合工具来得到所需的效果并且保留浏览器兼容性。换句话说，

H T M L表格要存在一段相当长的时间。

13.1 HTML表格基础

表格基本上是随着用户添加正文或图像而扩展的。表格有三个主要元素构成：行、列以及

单元格。行从左到右横过表格，而列则是上下走向；单元格是行和列的交界部分，它是用户输

入信息的地方，单元格会自动扩展到与输入的信息相适应的大小。如果用户已启动了表格边框，

浏览器中会显示表格边框和其中包含的所有单元格。

在H T M L 中，一个表格中所有的结构和数据都被包含在表格标识对之间，< Ta b l e >和

< / Ta b l e >之间。< Ta b l e>标识包含了许多影响表格宽度和高度 (可以通过直接输入绝对数值或者

输入屏幕百分比数值来进行控制 ) ，以及边框、页面对齐方式和背景颜色的属性。用户也可以

252第一第三部分一提供高级H T M L支持

下载

控制单元格之间的间距和在单元格中填充对象的多少。

H T M L使用精确的分级来描述表格，在程序清单 1 3 - 1中你可以清楚地看到这一点，它显示

的是在D r e a m w e a v e r下一个默认表格产生的H T M L 。

程序清单13-1 HTML表格代码

< t r >

< t d > & n b s p ; < / t d >

< t d > & n b s p ; < / t d >

< t d > & n b s p ; < / t d >

< /tr>

< t r >

< t d > & n b s p ; < / t d >

< t d > & n b s p ; < / t d >

< t d > & n b s p ; < / t d >

< /tr>

< t r >

< t d > & n b s p ; < / t d >

< t d > & n b s p ; < / t d >

< t d > & n b s p ; < / t d >

< / t r >

< / t a b l e >

在表格代码中可以看到的 & n b s p ：代码，是代表非间断性空格的