第七章：建立表格

表格是一种非常强大的web页面设计工具,可以在HTML页面上对数据及图象进行

更为合理的布局安排，并为页面各区域设置不同的颜色。

7.1表格包含有三个基本要素：

表格一

行rows 水平空间，表格一有两行。

列columns 垂直空间，表格一有三列。

单元格cells 表格一有六个单位空间。

7.2 建立表格

1.首先文档窗口欲插入表格的地方单击鼠标置插入点，点击对象面板按钮或拖动它到页面适当位置，此时会显示出插入表格对话框。如图1所示。

图1　插入表格对话框

2.在插入表格对话框中，按默认值会建立一个三行、三列，宽度为页面宽度75% 的表格，并且表格边框宽度为 1 pixel（象素）。

Rows（行）和Columns（列）指的是行和列的数目。

Cell Padding（单元格Padding)指的是单元格内容与边框之间的距离（象素值）。

Cell Spacing (单元格空间）指表格之间的空间大小（象素值）。

Width（宽）指表格宽度，可以用 pixels（象素）或percentage（百分比）来表示。

Border（边框）指表格边框的象素值，就输入 0就没有边框 。

设置好后单击 OK 建立表格。　

7.3 格式化表格

定义表格属性：

1.选择表格，如图2所示。

图2　选中表格

2.打开属性面板，点一下面板右下角的扩展箭头以便看到所有的属性选项。如图3所示。

图3　表格属性面板

3. 表格属性面板选项说明:

Rows（行）和 Cols （列）项中设定表格的行列数。

W（宽）和 H（高）设定表格的宽度和高度，可以用象素来设定绝对值或用百分比来设定其相对宽高。

Align 使表格对齐浏览器的左边(默认设置),右边或居中。

V Space 和 H Space 指的表格中内容距边框线的距离。

和 可删除已设定的表格行高和列宽值。

可将表格宽度在百分比与象素值之间转换。

CellSpace 设置表格边框宽度。

CellPad 设置表格中内容与边线之间的距离。

Border 设定边框线宽度（象素值）。如果用表格仅仅是为了布局定位，请将该值设定为0。

Light Brdr 和 Dark Brdr 为了让表格边框有立体效果，可以通过这两项来设定。这里主要有两种效果，如果Light Brdr选择浅色，Dark Brdr 选择深色，表格就会呈现这种效果:

表格二

反之则呈现图2的效果。

Brdr 设置表格框线颜色。

使用 Bg 选项来定义表格背景图象或背景颜色。表格二背景选的是谈黄色，表格三用的是图象背景。

　表格三

7.4 调整表格和单元的大小

调整表格大小: 选中表格，拖动表格的边框线来调整行或列的大小。
用属性面板（Property inspector）改变列宽度：
打开属性面板，点击该列的任一单元格或选中列，如图4所示

图4　表格列宽调整

在面板的W项,可以输入宽度值，也可输入列宽占整个表格宽度的百分比。

7.5 添加或删除表格的行列

方法一： 选中整个表格。 在属性面板中， 加大Rows（行）或Cols（列）的数值来增加行或列； 减小行或列的数值来删除行或列。
方法二：选中一行或一列，按Delete键删除整行或整列。

7.6 拷贝和粘贴表格元素

表格可以拷贝和粘贴，在这个过程中，可以保留表格原有的格式，也可以只拷贝和粘贴单元格中的内容。

在表格里剪切或拷贝单元格:

1. 在表格中选择一个（或多个）单元格。
要剪切或拷贝，选择的区域必须是矩形区，如图5所示：

图5　选择的单元格呈矩形分布

如果象图6这种选择法，就无法剪切也无法拷贝了。

图6　不规则选择单元格

2. 在 Edit（编辑）菜单中选Cut（剪切）命令。
如果你选的是整行或整列，那 Edit > Cut（编辑＞剪切）命令将会移除整行或整列。

粘贴到表格单元里的方法：

1. 选定好粘贴的位置。
如果想让剪切板上的格子形成一个独立的新表格，那就在表格外的任意地方单击鼠标。
2. 从菜单中选 Edit > Paste（编辑＞粘贴）。
如果是粘贴整行或整列到一个现存的表格里，那么该行或列将会增加到表格上。如果是单独的单元格，那选中的单元格中的内容会被覆盖。如果你粘贴在表格外面的任意位置，那无论是行或列或单元格都会形成一个新的表格。

想移除表格中的内容：
1. 选择一个或多个单元格（但不能是整行或整列）。
2. 点菜单 Edit > Clear （编辑＞清除）或直接按一下 Delete键。

要拷贝和粘贴单元格中的内容：
1. 点菜单 Edit > Copy Text Only（编辑＞文本拷贝）。
2. 在欲粘贴的位置点一下鼠标，然后选择菜单中 Edit > Paste as

Text（编辑＞粘贴文本）。