HTML 3.2编程指南

HTML 3.2是 WWW联 盟 (World Wide Web Con-sortium)今 年 4月 关 于 HTML的 最 新 规 范 。 参 与 定 义 的 厂 商 有 IBM、 Microsoft、 Netscape、 Novell、 Soft Quad、 Spyglass和 Sun等 。
虽 然 早 在 1995年 3月 就 有 人 提 出 HTML 3.0的 技 术 规 范 ,并 且 有 Are na、 UdiWWW、 Emacs-W3等 实 验 性 的 浏 览 器 支 持 ;但 是 ,由 于 HTML 3.0与 HTML 2.0相 比 ,改 运 过 大 ,不 利 推 广 ,因 此 HTML3.0草 稿 现 已 被 疲 除 。
新 的 HTML 3.2注 重 了 兼 容 性 的 提 高 ,采 用 了 该 规 范 所 创 建 的 主 页 可 以 由 为 HTML 2.0编 写 的 浏 览 器 所 阅 读 ,因 而 得 到 了 业 界 的 广 泛 支 持 ,与 HTML 2.0相 比 ,H TML 3.2主 要 在 以 下 几 方 面 进 行 了 改 进 :
◇ 表 格
◇ 对 Java程 序 段 (Applet)的 支 持
◇ 图 象 周 围 的 文 字 环 绕 控 制
◇ 上 标 、 下 标

一 、 HTML的 语 句 和 结 构 概 要

HTML文 档 是 以 纯 ASCII文 件 存 在 的 ,由 "控 制 语 句 "与 "显 示 内 容 " 两 部 分 组 成 。 控 制 语 句 描 述 了 显 示 内 容 以 何 种 形 式 展 示 给 使 用 者 ,并 负 责 客 户 与 服 务 器 之 间 的 信 息 交 换 。 控 制 语 句 以 "标 注 "(Tag)形 式 出 现 ,借 以 区 分 于 显 示 内 容 。 标 注 由 "〈 ""与 ""〉 "所 界 定 ,有 的 控 制 语 句 仅 需 一 个 标 注 ,例 如 :〈 BR〉 表 示 强 行 换 行 。 也 有 的 控 制 语 句 需 首 尾 两 个 标 注 ,尾 标 注 中 含 "/"以 同 首 标 注 区 分 ,例 如 :〈 U〉 "text with underline"〈 /U〉 ,首 标 注 〈 U〉 开 启 下 划 线 功 能 ,尾 标 注 〈 /U〉 关 闭 下 划 线 功 能 。
既 然 "〈 "和 "〉 "被 用 来 提 示 标 注 ,那 么 显 示 内 容 中 有 "〈 "和 " 〉 "怎 么 办 呢 ?HTML以 <表 示 "〈 ",以 &rt表 示 "〉 ",以 &表 示 "&"以 "表 示 引 号 。 简 单 的 理 解 ,HTML语 言 有 些 象 WPS,以 一 些 标 注 来 描 述 显 示 内 容 的 格 式 。
〈 !DOCTYPE HTML PUBLIC"-//W3C//CTD HTML 3.2//EN"〉 是 HTML3.2区 分 于 其 它 版 本 的 HTML文 件 的 重 要 记 号 ,它 位 于 文 件 的 开 头 ,每 个 HTML文 件 以 〈 HTML〉 标 注 做 为 开 始 ,以 〈 /HMTL〉 标 注 结 束 整 个 文 档 。 整 个 文 件 分 为 文 件 头 和 文 件 体 两 部 分 。 例 : 
    〈!DOCTYPE HTML PUBLIC"-//W3C//DTD HTML 3.2//EN"〉

    〈HTML〉

    〈HEAD〉

    〈TITLE〉文件示例〈/TITLE〉

    ....其他文件头语句

    〈/HEAD〉

    〈BODY〉

    ....文件体

    〈/BODY〉

    〈/HTML〉
其 中 ,〈 HEAD〉 ...〈 /HEAD〉 之 间 是 文 件 头 ,〈 BODY〉 ...〈 /BODY〉 之 间 是 文 件 体 。 一 个 最 简 单 的 HTML文 件 至 少 需 要 定 义 一 个 标 题 语 句 。 而 其 他 选 项 都 是 可 以 省 略 的 ,下 面 详 细 介 绍 一 下 HTML3.2的 控 制 语 句 。

二 、 文 件 头 控 制 语 句

文 件 头 中 的 内 容 主 要 用 于 定 义 HTML文 档 在 WWW网 中 的 情 况 ,其 内 容 并 不 显 示 在 浏 览 器 的 页 面 内 。 通 常 我 们 可 以 省 略 〈 HEAD〉 的 首 尾 标 注 ,直 接 使 用 这 些 语 句 即 可 。
〈 TITLE〉 :文 件 标 题 ,他 是 每 个 HTML文 档 必 不 可 少 的 部 分 ,显 示 在 浏 览 器 的 标 题 栏 中 ,而 不 出 现 在 页 面 内 。
〈 ISINDEX〉 :供 搜 索 的 关 键 字
〈 BASE〉 :为 相 对 URL定 义 的 绝 对 URL。 WWW使 用 一 种 称 为 URL的 地 址 确 定 某 个 文 件 在 INTERNET上 的 标 准 通 信 位 置 。 WWW服 务 器 可 以 根 据 URL地 址 ,迅 速 找 到 该 文 件 。 URL的 格 式 为 :〈 通 信 协 议 〉 ://〈 主 机 名 〉 /〈 路 径 〉 /〈 文 件 名 〉
〈 META〉 :用 来 显 示 相 关 主 页 的 信 息 。
〈 LINK〉 :与 其 他 文 件 的 联 系
以 上 语 句 中 ,TITLE语 句 需 要 首 尾 标 注 ,而 其 他 语 句 则 不 一 定 需 要 。

三 、 文 件 体 控 制 语 句

文 件 体 中 描 述 的 是 浏 览 器 的 页 面 中 显 示 的 内 容 。 〈 BODY〉 的 属 性 定 义 BACKGROUND、 BGCOLOR、 TEXT、 LINK、 VLINK和 ALINK,用 来 设 定 背 景 图 象 、 背 景 颜 色 、 前 台 文 字 颜 色 及 超 文 本 连 接 颜 色 。 LINK用 来 设 定 未 阅 读 过 的 超 文 本 连 接 颜 色 ,缺 省 值 是 蓝 色 。 VLINK用 来 设 定 阅 读 过 的 超 文 本 连 接 颜 色 ,缺 省 值 是 紫 色 ,ALINK用 来 设 定 动 作 中 的 超 文 本 连 接 颜 色 ,缺 省 值 是 紫 色 。
颜 色 可 以 按 红 绿 蓝 三 色 分 量 以 十 六 进 制 数 字 定 义 ,例 :C0FFC0 ,也 可 以 按 VGA常 见 的 16种 颜 色 定 义 :aqua,black,blue,fuchsia,gray,green,lime,ma-roon,navy,olive,purple,re d,silver,teal,white,yellow。 例 1: 
    〈BODY BACKGROUND:"BG.GIF"〉

    .....

    〈/BODY〉
表 示 背 景 是 名 为 "BIG.GIF"的 图 象 。 例 2,定 义 背 景 为 均 一 的 颜 色 : 
    〈BODY BACKCOLOR=C0FFC0〉

    .....

    〈/BODY〉
出 现 在 文 件 体 中 的 控 制 语 句 通 常 可 以 分 为 两 种 :段 落 属 性 定 义 语 句 和 文 本 属 性 语 句 。
文 件 体 中 的 段 落 属 性 语 句 导 致 文 字 换 行 ,用 来 划 分 段 落 层 次 。 常 见 的 段 落 属 性 定 义 语 句 有 :
标 题 〈 H1〉 ～ 〈 H6〉
〈 P〉 段 落
〈 LI〉 表 项
〈 HR〉 水 平 线
文 本 属 性 定 义 语 句 常 用 来 强 调 某 段 文 字 或 表 示 转 义 的 涵 意 ,控 制 字 体 与 风 格 ,不 导 致 换 行 。 例 :
〈 EM〉 强 调
〈 I〉 斜 体
〈 B〉 粗 体
〈 FONT〉 字 符 属 性 定 义
〈 A〉 超 媒 体 连 接
〈 IMG〉 图 象
〈 APPLET〉 内 嵌 Java程 序 段

四 、 字 体 与 风 格 控 制 语 句

它 们 通 常 不 会 导 致 段 落 的 划 分 ,而 是 用 来 定 义 某 一 段 文 字 的 显 示 风 格 。 它 们 甚 至 可 以 包 括 其 它 块 ,但 不 包 括 段 落 定 义 语 句 。
字 体 定 义 语 句 :需 首 尾 标 注 。
〈 TI〉 固 定 宽 度 的 字 体 ,利 于 不 同 行 之 间 的 对 齐 。
〈 I〉 斜 体
〈 B〉 粗 体
〈 U〉 下 划 线
〈 STRIKE〉 中 心 线 贯 穿
〈 BIG〉 放 大 字 体
〈 SMALL〉 缩 小 字 体
〈 SUB〉 下 标
〈 SUP〉 上 标
〈 FONT〉 用 于 更 改 字 体 大 小 和 颜 色 。 属 性 有 SIZE定 义 大 小 。 属 性 COLOR定 义 颜 色 。 颜 色 以 RGB十 六 进 制 数 字 或 16种 颜 色 名 定 义 。
风 格 定 义 语 句 :通 过 暗 示 被 显 示 信 息 的 类 型 ,使 浏 览 器 会 根 据 预 先 定 义 的 风 格 使 用 不 同 的 字 体 对 文 本 进 行 规 范 。 风 格 定 义 语 句 一 般 首 尾 均 需 要 标 注 。
〈 EM〉 一 般 强 调 :通 常 用 斜 体
〈 STRONG〉 特 别 强 调 :通 常 用 黑 体
〈 DFN〉 用 于 定 义 被 包 围 的 实 例
〈 CODE〉 用 于 表 示 外 部 程 序 代 码
〈 SAMP〉 用 于 定 义 用 户 输 出 的 实 例
〈 KBD〉 用 于 定 义 用 户 输 入 的 文 字
〈 VAR〉 用 于 定 义 不 同 的 命 令 行 ,变 量 或 语 句
〈 CITE〉 用 于 表 示 引 用 语

五 、 标 题 、 段 落 与 层 次 :块 控 制 语 句

块 控 制 语 句 用 来 定 义 一 个 文 字 块 的 格 式 ,并 导 致 文 字 换 行 , 用 来 划 分 段 落 层 次 。
〈 H1〉 、 〈 H2〉 、 〈 H3〉 、 〈 H4〉 、 〈 H5〉 、 〈 H6〉 定 义 文 件 内 的 标 题 层 次 ,以 区 分 文 章 的 章 节 段 落 。 通 常 需 要 首 尾 标 注 以 确 定 产 生 作 用 的 范 围 。 〈 H1〉 表 示 最 重 要 的 标 题 ,用 较 粗 和 较 重 镑 数 的 字 体 来 表 示 。 〈 H2〉 表 示 次 重 要 的 ,余 此 类 推 。 可 以 在 标 题 标 注 中 加 入 ALIGN属 性 ,以 定 义 标 题 文 本 的 对 齐 方 式 。
例 :〈 HI ALIGN=CENTER〉 ...centered heading...〈 /H1〉
〈 P〉 段 落 语 句 。 通 常 我 们 只 定 义 段 的 开 始 ,而 省 略 段 落 的 尾 标 注 。 可 以 用 ALIGN属 性 在 段 落 语 句 中 ,以 定 义 标 题 文 本 的 对 齐 方 式 。
例 :〈 P ALIGN=RIGHT〉
〈 BR〉 强 行 换 行 。 无 需 尾 标 注 ,一 般 地 讲 ,浏 览 器 在 显 示 HTML 文 档 时 ,会 忽 略 文 档 中 多 余 的 空 格 和 换 行 。 如 需 换 行 ,则 要 通 过 BP进 行 标 识 。 CLEAR属 性 可 用 来 定 义 围 绕 图 形 换 行 的 方 式 。 例 如 〈 BR CLEAR=LEFT〉 。
〈 DIV〉 文 件 分 部 。 需 首 尾 标 注 ,可 以 用 ALIGN属 性 在 语 句 中 ,以 定 义 对 齐 方 式 。
〈 HR〉 水 平 线 。 不 带 尾 标 注 ,可 以 用 ALIGN属 性 在 语 句 中 ,以 定 义 对 齐 方 式 。
〈 CENTER〉 文 本 居 中 对 齐 。 需 首 尾 标 注 。
〈 PRE〉 以 固 定 宽 度 字 体 显 示 预 格 式 化 的 文 本 。 用 来 保 留 原 始 格 式 ,常 用 于 显 示 源 文 件 。
〈 BLOCKQUOTE〉 成 段 引 用 语 。
〈 ADDRESS〉 联 系 地 址 。 用 于 标 注 作 者 (联 络 人 )的 姓 名 、 地 址 、 电 话 等 资 料 信 息 。 浏 览 器 通 常 用 斜 体 字 显 示 。 某 些 浏 览 器 可 能 要 用 到 ADDRESS语 句 中 的 信 息 。 ADDRESS语 句 需 用 首 尾 标 注 限 定 范 围 。

六 、 列 表

列 表 是 HTML文 档 中 的 一 种 重 要 的 艺 术 表 现 形 式 ,特 别 适 合 于 罗 列 有 关 信 息 内 容 ,具 有 清 晰 明 了 ,易 于 查 阅 ,操 作 性 强 的 特 点 。 第 一 个 列 表 项 可 以 是 段 落 、 有 格 式 文 本 或 超 媒 体 连 接 。 列 表 可 以 嵌 套 ,显 示 时 按 层 次 缩 进 ,清 晰 明 了 。 HTML3.2中 的 列 表 分 为 三 种 :枚 举 式 、 编 号 式 、 定 义 式 。
〈 UL〉 枚 举 式 列 表 。 需 首 尾 标 注 ,和 一 个 以 上 的 〈 LI〉 定 义 语 句 。 第 一 个 列 表 项 由 〈 LI〉 语 句 限 定 范 围 。 可 以 用 TYPE属 性 定 义 UL和 LI元 素 的 风 格 。 显 示 时 ,每 个 〈 LI〉 定 义 的 项 目 前 均 有 3个 黑 圆 点 作 前 导 记 号 。 例 : 
    〈UL〉

    〈LI〉...first list item

    〈LI〉...second list item

    ...

    〈/UL〉
〈 OL〉 编 号 式 列 表 。 需 首 尾 标 注 ,和 一 个 以 上 的 〈 LI〉 语 句 。 显 示 时 ,每 个 〈 LI〉 定 义 的 项 目 前 均 自 动 加 有 序 列 编 号 。 例 : 
    〈OL〉

    〈LI〉...first list item

    〈LI〉...second list item

    ...

    〈/OL〉
〈 DL〉 定 义 式 列 表 。 需 首 尾 标 注 、 DT语 句 说 明 被 定 义 的 项 目 ,〈 DD〉 说 明 相 应 的 定 义 。 显 示 时 ,每 个 〈 DT〉 定 义 列 表 项 下 面 的 产 生 一 段 由 〈 DD〉 定 义 的 说 明 文 字 。 例 : 
    〈DL〉

    〈DT〉term name

    〈DD〉term definition

    ...

    〈/DL〉

七 、 表 格

表 格 是 HTML3.2重 要 强 化 了 的 部 分 ,也 是 HTML文 档 的 又 一 种 重 要 的 艺 术 表 现 形 式 掌 握 好 表 格 语 句 及 其 属 性 定 义 ,对 编 写 一 个 优 秀 的 HTML文 档 非 常 重 要 。
〈 TABLE〉 语 句 。 需 首 尾 标 注 ,TABLE的 属 性 WIDTH,ALIGN,BOR-DER,CELL SPACING和 CELL-PADDING都 是 可 选 的 。 CAPTION用 于 定 义 表 格 的 标 题 。 可 带 有 属 性 A LIGN,为 top或 bottom,分 别 表 示 标 题 放 在 表 格 的 上 方 和 下 方 ,缺 省 值 为 上 方 。 TR语 句 定 义 表 格 的 行 ,每 行 有 一 个 以 上 由 TH或 TD定 义 的 元 素 。
例 : 
    〈TABLE BORDER=3 CELLSPACING=2 CELLPADDING=2 WIDTH="80%"〉

    〈CAPTION ALIGN=bottom〉...table Title...〈/CAPTION〉

    〈TR〉〈TD〉first cell〈TD〉sec-ond cell

    〈TR〉...

    ...

    〈/TABLE〉
表 格 的 缺 省 值 无 边 框 ,并 根 据 内 容 自 动 设 定 表 格 大 小 。 表 格 属 性 WIDTH可 定 义 宽 度 。 BORDER属 性 定 义 边 框 的 粗 细 、 缺 省 值 无 边 框 ,无 格 线 。 CELLSPACING属 性 定 义 不 同 存 储 框 之 间 的 间 距 ,缺 省 值 是 2。 CELL-PADDING属 性 定 义 存 储 框 与 其 内 容 之 间 的 间 距 。 整 个 表 格 可 用 ALIGN设 定 对 齐 。
表 格 的 元 素 由 〈 TD〉 和 〈 TH〉 语 句 定 义 。 〈 TD〉 定 义 数 据 ,〈 TH〉 定 义 标 题 。 表 格 的 元 素 放 置 在 表 格 的 存 储 框 之 中 。 对 于 表 格 元 素 与 存 储 框 之 间 的 相 对 位 置 关 系 ,属 性 ALIGN的 值 可 为 left、 mid-dle、 right分 别 表 示 左 、 中 、 右 对 齐 。 属 性 VALIGN设 定 垂 直 方 向 的 排 列 方 式 ,分 别 以 top、 middle、 bottom表 示 上 、 中 、 下 对 齐 。 对 于 存 储 框 的 大 小 ,属 性 ROWSPAN设 定 存 储 框 所 跨 越 的 列 数 ;属 性 COLSPAN设 定 存 储 框 跨 越 的 行 数 。

八 、 问 答 表 格

问 答 表 格 是 网 络 中 客 户 与 服 务 器 交 互 的 重 要 方 式 。 客 户 通 过 填 写 问 答 表 格 ,将 有 关 信 息 反 馈 给 服 务 器 。
〈 FORM〉 语 句 ,需 首 尾 标 注 ,可 以 使 用 ACTION、 METHOD、 ENCTYPE属 性 。 属 性 METHOD可 以 有 两 种 方 式 :GET和 POST。 GET将 输 入 的 信 息 转 至 ACTION所 指 定 的 程 序 进 一 步 处 理 ,POST将 输 入 的 信 息 发 往 ACTION所 指 定 的 文 件 储 存 。 例 :〈 FORM method=GET action= "cgi-bin/query"〉
〈 INPUT〉 定 义 输 入 作 用 域 。 无 尾 标 注 ,属 性 由 TYPE定 义 ,可 为 单 行 文 字 域 、 口 令 字 域 、 核 对 签 、 单 选 按 钮 、 发 送 钮 、 重 设 置 钮 、 隐 藏 域 、 文 件 上 载 、 图 象 钮 等 多 种 类 型 。 例 :〈 INPUT TYPE="text"NAME="address"SIZE="30"〉 定 义 了 一 个 输 入 地 址 的 文 本 框 ,长 度 为 30个 字 符 。
〈 TEXTAREA〉 定 义 多 行 文 本 输 入 作 用 域 。 需 首 尾 标 注 ,首 尾 标 注 之 间 的 内 容 用 于 初 始 化 域 。
〈 SELECT〉 定 义 单 或 多 选 用 菜 单 。 需 首 尾 标 注 ,并 包 含 一 个 或 一 个 以 上 的 任 选 项 。

九 、 超 媒 体 链 接 相 关 语 句

这 些 语 句 标 注 通 常 用 来 定 义 图 像 、 应 用 程 序 或 超 媒 体 联 结 的 地 址 等 。
〈 A〉 锚 定 (anchor)语 句 :定 义 超 媒 体 连 接 之 间 的 关 系 。 锚 定 语 句 属 性 有 NAME、 HREF、 REL、 REV与 TITLE。 当 欲 连 接 的 对 象 位 于 远 程 主 机 上 时 ,属 性 HREF指 明 所 连 接 对 象 的 URL。 属 性 NAME用 来 指 定 文 件 内 部 的 某 一 地 点 ,并 予 以 命 名 ,以 供 URL使 用 。
URL如 果 是 一 个 文 档 ,则 用 文 档 名 ,例 :"http://www.buet.edu.cn/test. html"。 如 果 是 文 件 内 某 一 地 点 ,则 用 文 件 名 跟 "#"再 跟 NAME属 性 定 义 的 名 称 ,如 果 在 当 前 文 件 内 ,可 以 省 略 文 件 名 。 例 :"#lable"或 "http://www.buct.edu.cn/test.html#lable"
〈 IMG〉 图 像 嵌 入 语 句 ,用 于 插 入 图 像 ,无 尾 标 注 。 图 像 的 格 式 可 以 为 GIF或 JPG。 属 性 有 SRC、 ALT、 ALIGN、 WIDTH、 HEIGHT、 BORDER、 HSPACE、 VSPACE、 USEMAP与 ISMAP 。 属 性 SRC定 义 图 像 所 在 地 点 及 文 档 名 称 。 属 性 ALT表 示 图 像 的 内 容 ,使 得 用 字 符 型 浏 览 器 (如 Lynx)的 用 户 也 可 以 大 概 了 解 图 像 的 内 容 。 属 性 ALIGN用 于 对 齐 ,top、 middle、 bottom分 别 表 示 上 、 中 、 下 对 齐 。 属 性 WIDTH、 HEIGHT分 别 定 义 宽 、 高 。 属 性 BORDER定 义 有 无 边 框 。 图 像 可 以 左 偏 或 右 偏 。 BR与 CLEAR属 性 定 义 文 字 环 绕 方 式 。 例 :〈 IMG SRC="canyon.gif " ALT="GrandCanyon"〉
〈 APPLET〉 语 句 。 需 首 尾 标 注 ,用 于 插 入 动 画 等 Java程 序 段 ,支 持 Java浏 览 器 。 它 的 内 容 在 程 序 没 有 加 载 之 前 是 隐 含 的 。 它 的 属 性 有 CODE、 CODE-BASE、 NA ME、 ALT、 ALIGN、 WIDTH、 HEIGHT、 HSPACE与 VS-PACE。 APPLET通 过 PARAM标 识 传 递 参 数 。
〈 MAP〉 语 句 。 需 首 尾 标 注 ,用 于 定 义 客 户 方 的 图 像 及 可 超 连 接 的 热 区 域 。 MAP语 句 需 一 个 以 上 AREA语 句 ,以 指 示 相 关 图 像 的 热 区 域 ,属 性 shape定 义 热 区 域 形 状 。 属 性 coords定 义 坐 标 范 围 ,属 性 href定 义 URL。 例 :〈 AREA shape="rect"coords="4,6,23,35"href ="go.html"〉