谈 起 表 格 ，大 家 一 定 不 会 陌 生 ， 表 格 （ TABLE ） 在 许 多 万 维 网 站 点 上 都 可 以 见 到 ， 尤 其 在 需 要 对 比 说 明 或 者 要 列 出 数 据 清 单 时 很 有 用 。 也 许 有 朋 友 要 问 ： Chinabyte 上 用 到 表 格 了 吗 ？我 怎 么 没 看 到 ？ 当 然 有 ！ 而 且 几 乎 每 个 页 面 上 都 要 用 到 表 格 。 只 是 由 于 将 表 格 线 的 宽 度 设 成 了 “ 0 ” ， 因 而 表 面 上 看 不 出 来 而 已 。 你 只 要 从 源 代 码 中 看 一 下 即 可 很 容 易 地 看 到 (TABLE) 的 影 子 。 在 这 里 ， 利 用 了 表 格 的 另 一 个 重 要 用 途 — 排 版 。 事 实 上 象 IBM 、 微 软 、 网 景 等 许 多 公 司 ， 在 主 页 上 都 在 利 用 表 格 来 排 版 。

　 　刚 刚 开 始 使 用 与 表 格 相 关 的 一 些 标 记 （ tag ） 时 ， 你 可 能 会 觉 得 很 烦， 但 很 快 你 就 会 对 表 格 的 作 用 叹 为 观 止 了 。 如 果 你 并 不 想 详 细 了 解 与 表 格 有 关 的 HTML 代 码 的 话 ， 可 以 直 接 使 用 所 见 即 所 得 的 编 辑 器 来 制 作 （ 可 参 考 初 级 课 程 中 的 如 何 使 用 Netscape Gold 3.x 版 制 作 主 页 ） ， 如 果 你 想 要 深 入 了 解 表 格 的 编 程 方 法 ， 那 么 下 面 的 内 容 你 一 定 会 感 兴 趣 。

1. 一 个 基 本 的 表 格

** 效 果 如 下 ：
 

第 一	第 二	第 三
内 容 一	内 容 二	内 容 三

宣 告 表 格 开 始 ，  宣 告 表 格 结 束 。 在 TABLE 后 面 可 以 加 上 一 些 参 数 ， 表 示 格 线 ， 以 及 格 子 的 大 小 。

BORDER
用 来 定 义 格 线 宽 度 。 如 果 读 者 没 有 加 上 BORDER 的 参 数 ， 那 么 读 者 看 到 的 表 格 就 没 有 格 线 了 。 可 以 利 用 "TABLE BORDER" 来 使 用 缺 省 的 格 线 宽 度 ， 而 宽 度 也 可 以 利 用 BORDER 来 设 定 ， 譬 如 "TABLE BORDER=n 其 中 的 n 就 是 用 来 设 定 格 线 的 宽 度 大 小 的 。 当 然 ， n 的 值 越 大 ， 那 么 格 线 的 宽 度 也 会 越 大 。

CELLPADDING
用 来 定 义 格 线 到 表 格 内 文 字 间 的 距 离 。 通 常 这 个 参 数 可 以 被 省 略 。读 者 可 以 试 试 看 用 "TABLE BORDER CELLPADDING=m" ， m 越 大 ，那 么 格 线 到 表 格 内 文 字 间 的 距 离 就 越 大 。 通 常 在 使 用 这 些 参 数 的 时 候 ， 读 者 们 可 以 一 边 修 改 一 边 通 过 浏 览 器 来 查 看 结 果 ， 直 到 满 意 为 止 。

TR
一 个 TR 代 表 一 行 。

TD
"TD" 与 "/TD" 会 产 生 一 个 格 子 。

TH
TH 用 于 标 题 栏 ， 与 TD 的 比 较 如 下 ：

 TR， TH， TD 的 属 性
ALIGN ： RIGHT （ 右 对 齐 ） 、 CENTER （ 对 中 ） 、 LEFT （ 左 对 齐 ）
VALIGN ： TOP （ 靠 上 ） 、 MIDDLE （ 对 中 ） 、 BOTTOM （ 靠 下 ）
注 意 ： 若 TR 设 定 ALIGN 属 性 ， 就 会 影 响 整 行 。 请 看 示 例

** 效 果 如 下 ：
 
 

主板	硬盘	CPU
华硕	Quantum	Intel
大众	Seagate	AMD
联想	Maxtor	Cyrix

2. 跨 多 行 跨 多 列 的 表 格
跨 多 行 跨 多 列 的 表 格 主 要 用 到 的 是 COLSPAN 及 ROWSPAN 这 两 个 参 数 。 COLSPAN 是 向 右 包 含 表 格 ， 而 ROWSPAN 是 向 下 包 含 表 格 。 例 如 ：

** 效 果 如 下 ：
 

向 下 包 含 2 格	不 变	不 变
	向 右 包 含 2 格
向 右 包 含 3 格

你 可 以 先 将 表 格 看 成 3x3 的 表 格 ， 只 要 在 (1,1) 内 加 上 ROWSPAN=2 ， 再 将 (2,1) 去 掉 ； 在 (2,2) 内 加 上 COLSPAN=2 ； 在 (3,1) 内 加 上 COLSPAN=3 ， 再 将 (3,2) 及 (3,3) 去 掉 。 这 样 一 来 ， 制 作 复 杂 的 表 格 就 会 得 心 应 手 了 。

　 　最 新 的 HTML 语 法 还 支 持 表 格 底 色 及 边 框 色 ， 但 并 非 所 有 的 浏 览 器 都 支 持 ， 在 这 里 就 不 详 细 说 明 了 。 如 果 有 兴 趣 可 以 参 考 其 他 教 程 。
 
 

制 作 多 窗 口 页 面 时 常 常 被 大 家 忽 略 的 一 个 问 题 是 画 面 美 观 ， 有 些 多 窗 口 页 面 的 各 窗 口 颜 色 或 背 景 搭 配 不 协 调 ， 让 人 感 觉 很 不 舒 服 。 尤 其 应 该 慎 用 横 向 分 割 的 窗 口 ， 因 为 大 部 分 浏 览 器 的 工 具 按 钮 已 经 占 据 了 很 大 的 横 向 空 间 ， 如 果 再 划 分 过 多 的 横 向 窗 口 ， 看 上 去 很 容 易 让 人 心 烦 意 乱 。 所 以 在 使 用 前 需 仔 细 斟 酌 。

多 窗 口 页 面 即 把 浏 览 器 的 画 面 分 割 成 几 个 栏 框 ， 每 个 栏 框 内 显 示 独 立 的 万 维 网 页 面 ， 象 这 样 。 以 下 分 几 个 方 面 详 细 阐 述 多 窗 口 页 面 的 制 做 方 法 ：

开 始 制 作 多 窗 口 页 面

关 于 目 标 窗 口

Frame 标 记 的 完 整 说 明

制 作 复 杂 的 多 窗 口 页 面
 
 

1. 先 看 一 个 简 单 的 例 子 ：
在 纯 文 本 编 辑 器 （ 如 记 事 本 ） 里 输 入 以 下 内 容 ：

存 成 文 件 在 浏 览 器 内 预 览 或 按 这 里  ， 你 将 看 到 窗 口 被 分 割 成 了 上 、 下 两 个 部 分 。 这 与 通 常 的 HTML 文 件 有 何 不 同 呢 ？  、  及  的 部 分 都 一 样 ， 但  不 见 了 ， 多 了 "FRAMESET 和 "FRAME" 。

如 果 我 要 纵 向 分 割 呢 ？ 只 需 将 程 序 中 的 ROWS 换 成 COLS 即 可 。 点 这 里 是 结 果 。

是 用 来 设 定 多 窗 口 页 面 的 ， 而 中 间 的 两 个  即 代 表 分 割 开 的 两 个 窗 口 。

中 的 属 性 ROWS 代 表 横 向 分 割 ， COLS 代 表 纵 向 分 割 。 "20%,*" 表 示 分 成 的 窗 口 一 个 占 20% 的 大 小 ， 另 一 个 是 自 动 调 整 （ 即 80% ） 。 如 果 ROWS="20%,*,20%" 则 是 上 下 各 占 20% ， 中 间 为 60% 。  象 这 样 。

2. 指 定 窗 口 内 容 及 名 字

请 看 下 面 的 例 子 ：

其 中 的 SRC= 后 面 的 即 为 内 容 的 URL 地 址 ， 可 以 是 http 绝 对 地 址 ， 也 可 以 是 相 对 地 址 。 NAME ＝ 后 即 为 对 应 的 窗 口 名 字 。 点 这 里 看 看 样 子 。

至 此 ， 你 应 该 可 以 制 作 基 本 的 多 窗 口 页 面 了 吧 ？ 下 面 还 会 介 绍 一 些 更 有 趣 的 功 能 。

3. 不 要 框 线 、 不 要 滚 动 条 … …

有 时 由 于 版 面 的 需 要 ， 不 想 在 画 面 中 出 现 分 割 框 线 ， 可 在  的 设 置 中 加 上 BORDER=0 ， 结 果 象 这 样 。

如 果 你 想 让 某 个 窗 口 不 出 现 滚 动 条 ， 那 么 就 在  中 加 上 SCROLLING=NO 。 注 意 如 果 不 加 SCROLLING=NO 的 标 记 ， 缺 省 值 是 有 滚 动 条 的 。 请 看 例 子 。

还 可 以 禁 止 调 整 窗 口 大 小 。 只 要 在  中 加 上 NORESIZE 即 可 。 请 看 例 子 。

注 意 ： 有 些 属 性 是 放 在  中 ， 而 有 些 是 放 在  中 ， 不 要 混 淆
 

1. 指 定 目 标 窗 口
也 许 你 已 经 注 意 到 了 ， 当 你 按 下 一 个 超 链 接 文 字 或 图 片 ， 链 过 去 的 内 容 会 出 现 在 超 链 接 文 字 本 身 所 存 在 的 窗 口 里 面 ， 把 原 来 的 替 换 掉 ， 多 窗 口 页 面 也 一 样 。 如 果 要 控 制 超 链 接 显 示 的 方 向 ， 就 要 用 到 TARGET 了 。
请 看 下 面 的 例 子 ：
比 如 我 们 在 上 面 的 窗 口 内 有 一 个 超 链 接 ：
A HREF="http://www.intel.com"Intel

如 果 我 想 让 Intel 的 内 容 显 示 在 名 叫 DownWindow 的 窗 口 内 ， 只 需 这 样 写 ：
A HREF="http://www.intel.com" target="DownWindowIntel

请 看 这 一 页  ， 当 你 按 Intel 时 ， 下 面 的 窗 口 （ DownWindow ） 即 会 显 示 出 Intel 的 主 页 。

目 标 还 可 以 用 在 FORM 表 里 ：
FORM ACTION="URL" TARGET=" 窗 口 的 名 字 "
这 样 就 把 FORM 表 的 结 果 指 定 到 目 标 窗 口 了 。

在 MAP 图 里 是 这 样 用 ：
AREA SHAPE="shape" COORDS="x,y,..." HREF="URL" TARGET=" 窗 口 的 名 字 "
这 样 就 可 把 MAP 图 的 超 链 接 指 定 到 目 标 窗 口 。

2. 预 设 目 标 窗 口

如 果 任 何 TAGET 都 不 指 定 的 话 ， 就 会 显 示 在 自 己 本 身 的 窗 口 ， 这 是 因 为 预 设 的 目 标 窗 口 是 自 己 。 但 是 你 可 以 改 变 预 设 的 目 标 窗 口 ， 这 样 一 来 ， 超 链 接 不 必 加 TARGET ， 也 都 会 显 示 在 你 指 定 的 窗 口 中 了 。
只 需 用 一 下 标 记 ：

这 个 标 记 可 以 放 在 任 何 地 方 ， 但 是 最 好 放 在 页 面 的 开 头 ， 这 样 页 面 一 被 读 进 来 ， 就 设 定 好 预 设 的 目 标 窗 口 了 。 通 常 我 们 把 它 放 在 和 之 间 。

举 例 来 说 ， 我 这 一 页 的 超 链 接 ， 全 部 都 要 显 示 在 名 字 叫 "DownWindow" 的 这 个 窗 口 里 ， 我 不 必 一 个 一 个 超 链 接 地 去 加 A HREF="url" TARGET="DownWindow" ， 只 要 在 开 头 的 地 方 这 样 写 ：

这 样 一 来 ， 只 要 内 容 的 地 方 有 超 链 接 ， 全 部 都 会 将 链 接 的 结 果 显 示 到 DownWindow 这 个 窗 口 中 。

要 记 清 楚 一 点 ， 这 个 标 记 和 TARGET 这 个 属 性 是 用 在 一 般 有 超 链 接 的 页 面 中 的 ， 而 不 是 用 在 设 定 多 窗 口 的 页 面 中 。

3. 特 殊 的 目 标 窗 口

有 时 我 们 需 要 对 窗 口 作 一 些 特 别 的 控 制 ， 这 就 要 用 到 以 下 的 标 记 ：
　
TARGET="_blank"

会 开 另 一 个 新 的 窗 口 来 显 示 超 链 接 的 结 果 。
　
TARGET="_self"

显 示 在 自 己 本 身 所 在 的 窗 口 ， 这 就 是 预 设 值 。 当 你 用 改 变 了 预 设 的 目 标 窗 口 ，
而 又 有 超 链 接 需 要 显 示 在 自 己 的 窗 口 的 时 候 ， 就 可 以 用 这 个 窗 口 名 字 。
　
TARGET="_parent"

在 该 子 画 面 的 “ 父 画 面 ” （ 也 就 是 上 一 层 的 FRAMESET ） 中 显 示 链 接 的 结 果 。
　
TARGET="_top"

覆 盖 掉 所 有 的 分 割 窗 口 ， 将 超 链 接 显 示 在 最 上 层 的 一 个 窗 口 。 效 果 跟 "_blank" 有 点 类 似 ， 但 并 未 开 新 的 窗 口 。 你 想 覆 盖 原 来 的 多 窗 口 页 面 时 ， 就 用 这 个
 
 

ROWS=" 数 值 / 百 分 比 /*" ， 用 ROWS 来 做 水 平 的 分 割 。

数 值 跟 数 值 中 间 用 英 文 逗 号 分 隔 ， 要 分 割 成 几 个 窗 口 都 可 以 ， 不 过 要 考 虑 画 面 美 观 和 实 用 性 。 * 符 号 则 代 表 自 动 调 整 ， 但 是 你 当 然 不 能 全 部 都 写 * 号 。

COLS=" 数 值 / 百 分 比 /*" ， 用 COLS 来 做 垂 直 的 分 割 。

用 法 跟 ROWS 一 样 ， 但 是 要 注 意 的 是 ， ROWS 和 COLS 不 能 同 时 在 同 一 个 中 出 现 ， 不 能 同 时 使 用 。 如 果 想 要 做 有 垂 直 又 有 水 平 的 多 窗 口 页 面 ， 请 看 如 何 **制 作 复 杂 的 多 窗 口 页 面 。

BORDER=" 数 值 "

设 定 窗 口 框 线 的 粗 细 。 BORDER="0" 表 示 不 要 边 框 线 。 这 个 标 记 是 选 择 性 使 用 的 ， 可 以 不 要 。

FRAMESPACING=" 数 值 " ， 用 来 定 义 分 开 的 窗 口 间 空 白 区 域 的 大 小 。

BORDERCOLOR=" 颜 色 名 称 或 值 "

设 定 框 线 的 颜 色 。 颜 色 名 称 是 yellow 、 red... 之 类 的 ， 而 颜 色 的 值 就 是 #F0F0F0 之 类 的 HTML 中 颜 色 的 号 码 。 这 个 标 记 是 选 择 性 使 用 的 。

这 是 用 来 设 定 分 割 出 来 的 单 个 窗 口 的 属 性 。 这 个

SRC="URL"

设 定 这 个 窗 口 所 要 显 示 的 内 容 ， 指 定 一 个 URL 给 它 去 显 示 。

NAME=" 窗 口 名 字 "

给 窗 口 一 个 辨 别 的 名 字 ， 将 来 可 以 配 合 著 目 标 窗 口 使 用 。 你 可 以 取 任 何 你 喜 欢 的 名 字 ， 但 不 能 和 特 殊 的 目 标 窗 口 名 字 相 同 。

MARGINWIDTH=" 数 值 "
MARGINHEIGHT=" 数 值 "

设 定 窗 口 边 缘 和 里 面 内 容 的 距 离 ， 也 就 是 页 面 四 周 边 缘 留 白 的 大 小 。 MARGINWIDTH 是 左 右 的 大 小 ， MARGINHEIGHT 是 上 下 的 大 小 。 数 值 是 以 几 点 像 素 作 为 单 位 。 这 个 标 记 是 选 择 性 使 用 的 。

SCROLLING="YES/NO/AUTO"

设 定 该 窗 口 是 否 可 以 让 浏 览 者 卷 动 ， 预 设 值 是 AUTO 。 这 个 标 记 是 选 择 性 使 用 的 。

NORESIZE

加 上 这 一 个 标 记 ， 浏 览 者 便 不 能 改 变 窗 口 的 大 小 、 长 宽 。 不 加 的 话 使 用 者 可 以 通 过 拖 曳 鼠 标 改 变 窗 口 的 大 小 。 这 个 标 记 是 选 择 性 使 用 的 。

当 浏 览 者 的 浏 览 器 不 支 持 多 窗 口 页 面 功 能 时 ， 他 看 不 到 任 何 东 西 ， 只 看 得 到 里 面 写 的 东 西 。 你 可 以 在 里 面 写 一 个 警 告 ， 请 他 更 新 浏 览 器 的 版 本 。 夹 在 这 个 标 记 中 的 东 西 ， 就 像 一 般 的 HTML 文 件 一 样 撰 写 就 可 以 了 。 这 是 选 择 性 使 用 的 标 记 ， 你 也 可 以 不 写 。
 

例 一 、
 

 注 意 ： 每 个 窗 口 的 名 字 如 NAME=1 ， 即 对 应 图 上 的 1 号 的 窗 口 。
如 果 是 纵 向 的 ， 把 ROWS 改 成 COLS 即 可 。 如 下 图 所 示 ：
 

例 二 、
 

例 三 、
 

例 四 、
 

正 如 你 所 见 到 的 ， 多 窗 口 页 面 并 非 你 所 想 象 的 那 么 复 杂 ， 一 旦 你 掌 握 了 它 ， 定 会 给 你 的 网 页 增 色 不 少 ， 不 过 在 这 里 我 还 是 要 提 醒 你 小 心 使 用 。 过 多 及 不 正 确 地 使 用 多 窗 口 页 面 只 会 破 坏 页 面 效 果 及 给 浏 览 造 成 不 便 。（ 全 文 完 ） �