|
|
|
前页 | 后页 | 目录 | 元素 | 特性 表格目录
HTML 表 格 模 版 允 许 用 户 在 复 杂 的 结 构 中 组 织 数 据. 表 格 包
含 列 表, 图 案, 表 单, 数 字 符 号, 预 置 文 本 和 其 它 的 表 格.
在 这 个 表 格 模 板 中, 横 行 和 竖 列 可 以 互 相
成 组. 这 个 表 格 的 组 合 传 送 结 构 可 以 被 用 户 代 理 器 作 强 调
结 构 渲 染.
横 行 组 在 大 型 表 格 中 有 一 定 的 用 处. 智 能 化 的 用 户 代 理 器 可 以 允 许 在 屏 幕 上 保 留 头 和 尾 信 息 来 滚 动 表 格. 相 似 的, 当 长 的 表 格 被 打 印 时, 包 含 表 格 数 据 的 头 和 尾 信 息 在 每 页 上 都 被 重 复. 注 意: 这 份 说 明 书 包 含 更 多 的 关 于 表 格 的
细 节 信 息, 在 表格设计理论和安装发行
章节 中.
表格结构一 个 HTML 表 格 具 有 下 列 的 结 构:
TABLE 元素<!ELEMENT TABLE - - (CAPTION?, (COL*|COLGROUP*), THEAD?, TFOOT?, TBODY+)> <!ATTLIST TABLE牋牋牋牋牋牋牋牋 -- table element -- ?%attrs;牋牋牋牋牋牋牋牋牋牋牋牋?-- %coreattrs, %i18n, %events -- ?align牋牋牋 %TAlign;牋 #IMPLIED?-- table position relative to window -- ?bgcolor牋牋 %Color牋牋 #IMPLIED?-- background color for cells -- ?width牋牋牋 CDATA牋牋?#IMPLIED?-- table width relative to window -- ?cols牋牋牋?NUMBER牋牋 #IMPLIED?-- used for immediate display mode -- ?border牋牋?CDATA牋牋?#IMPLIED?-- controls frame width around table -- ?frame牋牋牋 %TFrame;牋 #IMPLIED?-- which parts of table frame to include -- ?rules牋牋牋 %TRules;牋 #IMPLIED?-- rulings between rows and cols -- ?cellspacing CDATA牋牋?#IMPLIED?-- spacing between cells -- ?cellpadding CDATA牋牋?#IMPLIED?-- spacing within cells -- ?>开 始 标 记: 需 要, 结 束 标 记: 需 要 特 性 定 义
在 它 处 定 义 的 特 性
TABLE 元 素 包 含 所 有 其
它 指 定 说 明 标 签, 横 行, 内 容, 格 式 的 元 素.
在表格中计算横行和竖列的数量表 格 中 横 行 的 数 量 等 于 TR 元 素 中 包 含 的 数 字. 用 户 代 理 器 应 当 忽 略 通 过 单 元 生 成 横 行 的 超 过 部 分 (译 者: 超 过 TR 这 个 值).有 几 种 方 法 来 判 定 竖 列 的 数 量:
在 此 例 中 用 户 代 理 器 认 为 表 格 有 三 竖 列.
如 果 表 格 中 竖 列 的 数 量 没 有 通 过 cols 特 性 来 指 定,
用 户 代 理 器 会 在 渲 染 前 等 待 整 个 表 格 到 达. 通 常 等 到 整 个
表 格 的 结 尾 而 竖 行 数 和 表 格 宽 度 并 不 需 重 新 显 示. 设 定 的
cols 特 性 作 为 给 可 视 化 代 理 器 收 到 一 行 显 示 一 条
的 某 种 暗 示. 作 者 被 建 议 使 用 COL
和 COLGROUP 元 素 来 指
定 竖 行 属 性 而 不 要 用 cols 特 性 来 指 定.
<TABLE cols="3"> ...the rest of the table... </TABLE> 表格方向性表 格 的 方 向 性 通 过 TABLE 元 素 的 dir 特 性 来 指 定. 对 于 一 个 从 左 到 右 的 表 格 (缺 省), 竖 列 1 在 竖 列 2 的 左 边 而 横 列 1 在 顶 端. 对 于 从 右 到 左 的 表 格, 竖 列 1 在 竖 列 2 的 右 边 而 横 行 1 仍 在 最 上.类 似 地, 从 左 到 右 的 表 格 (缺 省), 额 外 的 单 元 被 加 到 表 格 的 右 端, 而 对 于 从 右 到 左 的 表 格, 额 外 的 单 元 被 加 到 左 边.?!-- Make more general: dir inherited by block-level elements, most general is at TABLE level --> 当 设 定 TABLE 元 素 时, dir 特 性 依 然 可 影 响 表 格 单 元 中 文 字 的 方 向 (因 为 dir 特 性 可 被 封 闭 级 元 素 继 承). 为 指 定 表 格 从 右 到 左, 如 下 设 定 dir
特 性:
在 个 别 的 单 元 中 的 文 字 方 向 可 通 过 定 义 单 元 的 元 素 的 dir
特 性 设 定 来 改 变. 请 参 见 双向文本
章 节 来 获 得 更 多 的 关 于 文 字 方 向 的 问 题.
<TABLE dir="RTL"> ...the rest of the table... </TABLE> 表格说明标签:?A NAME="edef-CAPTION">CAPTION 元素<!ELEMENT CAPTION - - (%inline;)+> <!ENTITY % CAlign "(top|bottom|left|right)"> <!ATTLIST CAPTION牋牋牋牋牋牋牋 -- table caption -- ?%attrs;牋牋牋牋牋牋牋牋牋牋牋牋?-- %coreattrs, %i18n, %events -- ?align牋牋牋 %CAlign;牋 #IMPLIED?-- relative to table -- ?>开 始 标 记: 需 要, 结 束 标 记: 需 要 特 性 定 义
在 它 处 定 义 的 特 性
在 显 示 时, CAPTION 元
素 的 文 字 用 来 描 述 表 格 的 本 质. CAPTION
元 素 必 须 紧 接 着 TABLE
开 始 标 记 被 引 用.
例 如, <TABLE cols="3"> <CAPTION>Cups of coffee consumed by each senator</CAPTION> ...the rest of the table... </TABLE> 对横行编组:?A NAME="edef-THEAD">THEAD,?A NAME="edef-TFOOT">TFOOT 和?A NAME="edef-TBODY">TBODY 元素<!ELEMENT THEAD - O (TR+)> <!ELEMENT TFOOT - O (TR+)>开 始 标 记 : 需 要, 结 束 标 记: 可 选 <!ELEMENT TBODY O O (TR+)>开 始 标 记 : 可 选, 结 束 标 记 : 可 选 <!ATTLIST (THEAD|TBODY|TFOOT)牋 -- table section -- ?%attrs;牋牋牋牋牋牋牋牋牋牋牋牋?-- %coreattrs, %i18n, %events -- ?%cellhalign;牋牋牋牋牋牋牋牋牋牋 -- horizontal alignment in cells -- ?%cellvalign;牋牋牋牋牋牋牋牋牋牋 -- vertical alignment in cells -- ?> 在 它 处 定 义 的 特 性
一 个 表 格 必 须 包 含 至 少 一 个 横 行 组. 每 一 个 横 行 组 被 分 成
三 个 部 分: 头, 主 干 和 尾. 头 和 尾 是 可 选?的. THEAD
元 素 定 义 头, TFOOT 元
素 定 义 尾 而 TBODY 元 素
则 定 义 主 干.
在 显 示 时, 每 一 个 THEAD, TFOOT 和 TBODY 实 例 必 须 包 含 一 个 或 多 个 横 行(参 见 TR). 此 例 举 例 说 明 表 格 头, 尾 和 主 干 的 次 序 和
结 构.
在 TABLE 定 义 中 TFOOT
必 须 在 TBODY 前 出 现 以
便 用 户 代 理 器 可 以 在 收 到 所 有 的 (可 能 有 众 多 数 量) 横 行
数 据 前 渲 染 表 格 尾.
<TABLE> <THEAD> 牋牋 <TR> ...header information... </THEAD> <TFOOT> 牋牋 <TR> ...footer information... </TFOOT> <TBODY> 牋牋 <TR> ...first row of block one data... 牋牋 <TR> ...second row of block one data... </TBODY> <TBODY> 牋牋 <TR> ...first row of block two data... 牋牋 <TR> ...second row of block two data... 牋牋 <TR> ...third row of block two data... </TBODY> </TABLE> 可选横行组标记
以 前 版 本 的 表 格 可 以 通 过 移 去 一 定 的 结
束 标 记 而 变 短.
<TABLE> <THEAD> 牋牋 <TR> ...header information... <TFOOT> 牋牋 <TR> ...footer information... <TBODY> 牋牋 <TR> ...first row of block one data... 牋牋 <TR> ...second row of block one data... <TBODY> 牋牋 <TR> ...first row of block two data... 牋牋 <TR> ...second row of block two data... 牋牋 <TR> ...third row of block two data... </TABLE> 竖列组: COLGROUP 和 COL 元素COLGROUP 元素<!ELEMENT COLGROUP - O (col*)> <!ATTLIST COLGROUP ?%attrs;牋牋牋牋牋牋牋牋牋牋牋牋?-- %coreattrs, %i18n, %events -- ?span牋牋牋?NUMBER牋牋 1牋牋牋牋 -- default number of columns in group -- ?width牋牋牋 CDATA牋牋?#IMPLIED?-- default width for enclosed COLs -- ?%cellhalign;牋牋牋牋牋牋牋牋牋牋 -- horizontal alignment in cells -- ?%cellvalign;牋牋牋牋牋牋牋牋牋牋 -- vertical alignment in cells -- ?>开 始 标 记 : 需 要, 结 束 标 记 : 可 选 特 性 定 义
在 它 处 定 义 的 特 性
一 个 表 格 必 须 包 含 至 少 一 个 竖 列 组. 在 没 有 任 何 竖 列 组 定
义 的 情 况 下, 一 个 表 格 被 认 为 有 一 个 竖 列 组 并 且 包 含 了 表
格 中 所 有 的 坚 列. COLGROUP
元 素 建 立 一 个 清 楚 的 竖 列 组.
COLGROUP 元 素 的 width 特 性 指 明 竖 列 组 中 每 一 个 竖 列 的 缺 省 的 宽 度. 特 殊 的 "0*" 告 诉 用 户 代 理 器 把 每 竖 列 组 中 的每 个 竖 列 的 宽 度 设 成 最 小 宽 度. 在 个 行 为 当 COL 元 素 存 在 时 无 效. 在 下 面 例 程 中 的 表 格 有 两 个 竖 列 组. 第 一
个 竖 列 组 包 含 10 个 竖 列 而 第 二 个 则 包 含 5 个 竖 列. 对 于 第
一 组 中 的 每 竖 列的 宽 度 是 50 个 像 素. 而 第 二 组 中 每 个 竖 列
的 宽 度 则 是 最 小 值.
牋牋 <TABLE> <COLGROUP span="10" width="50"> <COLGROUP span="5" width="0*"> <THEAD> <TR> ... </TABLE> The?A NAME="edef-COL">COL element<!ELEMENT COL - O EMPTY> <!ATTLIST COL牋牋牋牋牋牋牋牋牋 -- column groups and properties -- ?%attrs;牋牋牋牋牋牋牋牋牋牋牋牋?-- %coreattrs, %i18n, %events -- ?span牋牋牋?NUMBER牋牋 1牋牋牋牋 -- number of columns spanned by group -- ?width牋牋牋 CDATA牋牋?#IMPLIED?-- column width specification -- ?%cellhalign;牋牋牋牋牋牋牋牋牋牋 -- horizontal alignment in cells -- ?%cellvalign;牋牋牋牋牋牋牋牋牋牋 -- vertical alignment in cells -- ?>开 始 标 记 : 需 要, 结 束 标 记 : 禁 止 特 性 定 义
在 它 处 定 义 的 特 性
每 一 个 通 过COLGROUP
定 义 的 竖 列 组 可 以 包 含 零 作 或 更 多 COL
元 素. 一 个 COL 元 素 并 不
相 同 地 如 COLGROUP 定
义 竖 行 组; 它 简 单 地 共 享 同 一 竖 列 组 中 的 竖 例 特 性 值. 注
意 COL 元 素 为 空, 它 们 只
被 特 性 影 响.
此 例 中 的 表 格 包 含 两 个 竖 列 组. 第 一 个 竖
列 组 包 含 三 个 竖 例 , 第 二 个 竖 列 组 则 有 两 个 竖 列. 合 法 的
水 平 空 间 如 下 分 配: 首 先 用 户 代 理 器 为 第 一 个 竖 列 分 配 30
个 像 素. 然 后 指 派 第 二 列 的 最 小 的 空 间. 剩?下 的 水 平 空 间
被?分 成 6 个 相 同 的 部 分. 第 三 列 将 得 到?其 中 的 两?分, 第 四 列
分 到?一 份 而 第?五 列 分 到?三 份.
牋牋 <TABLE> <COLGROUP> 牋 <COL width="30"> 牋 <COL width="0*"> 牋 <COL width="2*"> <COLGROUP align="center"> 牋 <COL width="1*"> 牋 <COL width="3*" align="char" char=":"> <THEAD> <TR> ... </TABLE>我 们 在 第 二 竖 列 组 中 把 align 特 性 设 置 为 "center". 所 有 在 每 一 个 列 中 所 有 单 元 都 将 继 承 这 个 值, 但 也 可 以 取 代. 实 际 上, 最 后 的 COL 正 完 成 此 项, 通 过 指 定 列 中 的 每 个 单 元 可 以 支 配 通 过 ":" 字 符 的 列. Table rows: The?A NAME="edef-TR">TR element<!ELEMENT TR - O (TH|TD)+> <!ATTLIST TR牋牋牋牋牋牋牋牋牋?-- table row -- ?%attrs;牋牋牋牋牋牋牋牋牋牋牋牋?-- %coreattrs, %i18n, %events -- ?%cellhalign;牋牋牋牋牋牋牋牋牋牋 -- horizontal alignment in cells -- ?%cellvalign;牋牋牋牋牋牋牋牋牋牋 -- vertical alignment in cells -- ?bgcolor牋牋 %Color牋牋 #IMPLIED?-- background color for row -- ?>开 始 标 记 : required, 结 束 标 记 : optional 在 它 处 定 义 的 特 性
这 个 例 程 表 格 包 含 三 行, 每 行 以 TR
元 素 开 始:
<TABLE> <CAPTION>Cups of coffee consumed by each senator</CAPTION> <TR> ...A header row... <TR> ...First row of data... <TR> ...Second row of data... ...the rest of the table... </TABLE> 表格单元:?A NAME="edef-TH">TH 和?A NAME="edef-TD">TD 元素<!ELEMENT (TH|TD) - O %block> <!ATTLIST (TH|TD)牋牋牋牋牋牋牋 -- header or data cell -- ?%attrs;牋牋牋牋牋牋牋牋牋牋牋牋?-- %coreattrs, %i18n, %events -- ?axis牋牋牋?CDATA牋牋?#IMPLIED?-- defaults to cell content -- ?axes牋牋牋?CDATA牋牋?#IMPLIED?-- list of axis names -- ?nowrap牋牋?(nowrap)牋 #IMPLIED?-- suppress word wrap -- ?bgcolor牋牋 %Color牋牋 #IMPLIED?-- cell background color -- ?rowspan牋牋 NUMBER牋牋 1牋牋牋牋 -- number of rows spanned by cell -- ?colspan牋牋 NUMBER牋牋 1牋牋牋牋 -- number of cols spanned by cell -- ?%cellhalign;牋牋牋牋牋牋牋牋牋牋 -- horizontal alignment in cells -- ?%cellvalign;牋牋牋牋牋牋牋牋牋牋 -- vertical alignment in cells -- ?>开 始 标 记 : 需 要, 结 束 标 记: 可 选?/B> 特 性 定 义
在 它 处 定 义 的 特 性
TH 元 素 放 置 引 导 信 息,
当 TD 元 素 放 置 数 据 时.
这 些 区 别 允 许 用 户 代 理 器 来 明 显 地 渲 染 引 导 信 息 和 数 据
单 元, 甚 至 在 缺 少 风 格 页 情 况 下.
单 元 可 以 是 空 的 (例 如: 包 含 空 数 据). 下 面 的 表 格 包 含 四 个 竖 列, 均 通 过 一 个 竖
列 描 述 来 引 导.
<TABLE> <CAPTION>Cups of coffee consumed by each senator</CAPTION> <TR> <TH>Name <TH>Cups <TH>Type of Coffee <TH>Sugar? <TR> <TD>T. Sexton <TD>10 <TD>Espresso <TD>No <TR> <TD>J. Dinnen <TD>5 <TD>Decaf <TD>Yes ...the rest of the table... </TABLE>你 的 用 户 代 理 器 如 下 开 始 描 述 表 格:
<TABLE border="border"> ...the rest of the table... </TABLE>通 过 框 线, 你 的 用 户 代 理 器 如 下 开 始 描 述 表 格:
为单元加标签axis 和 axes 特 性 提 供 指 定 单 元 标 签 的 手 段.语 音 合 成 器 使 用 这 些 标 签 来 认 明 每 个 单 元 的 内 容 和 位 置. 处 理 软 件 可 以 在 把 表 格 内 容 传 到 数 据 库 时 如 数 据 库 字 段 名 般 来 考 虑 它 们. 在 下 面 的 例 程 中, 我 们 把 axis
特 性 值 设 置 成 每 个 参 议 员 的 姓. 我 们 如 下 在 "Name" 列 中 标
签 单 元 值.
<TABLE border="border"> <CAPTION>Cups of coffee consumed by each senator</CAPTION> <TR> <TH>Name <TH>Cups <TH>Type of Coffee <TH>Sugar? <TR> <TD axis="Sexton" axes="Name">T. Sexton <TD>10 <TD>Espresso <TD>No <TR> <TD axis="Dinnen" axes="Name">J. Dinnen <TD>5 <TD>Decaf <TD>Yes </TABLE> 跨越数个横行和竖列的单元单 元 可 以 跨 越 数 个 横 行 和 竖 列. 单 元 跨 越 横 行 和 竖 列 的 数 量 通 过 rowspan 和 colspan 特 性 来 对 TH 或 TD 元 素 进 行 设 置.在 这 个 表 格 定 义 中, 我 们 指 定 在 横 行 4, 竖
列 2?的 单 元 应 当 跨 越 总 和 为 在 的竖 列, 包 括 当 前 横 行.
<TABLE border="border"> <CAPTION>每个参议员消耗的咖啡杯数</CAPTION> <TR> <TH>姓名 <TH>杯数 <TH>咖啡品种 <TH>是否加糖? <TR> <TD>T. Sexton <TD>10 <TD>Espresso <TD>不 <TR> <TD>J. Dinnen <TD>5 <TD>Decaf <TD>是 <TR> <TD>A. Soria <TD colspan="3"><em>不知道</em> </TABLE>这 个 表 格 应 当 被 用 户 代 理 器 如 下 渲 染: 每个参议员消耗的咖啡杯数 ?--------------------------------------- 爘牋 姓名?|杯数 |咖啡品种牋牋牋 |是否加糖?| ?--------------------------------------- 爘T. Sexton|10?|Espresso牋牋?|否牋牋?| ?--------------------------------------- 爘J. Dinnen|5牋 |Decaf牋牋牋牋 |是牋牋?| ?--------------------------------------- 爘A. Soria |不知道牋牋牋牋牋牋牋牋牋牋?| ?--------------------------------------- 这 个 例 程 举 例 说 明 了 如 何 定 义 单 元 来 跨
越 超 过 一 个 横 行 或 竖 列 并 影 响 到 后 来 单 元 的 定 义. 考 虑 如
下 的 表 格 定 义:
<TABLE border="border"> <TR><TD>1 <TD rowspan="2">2 <TD>3 <TR><TD>4 <TD>6 <TR><TD>7 <TD>8 <TD>9 </TABLE>这 个 表 格 会 被 如 下 渲 染: ------------- | 1 | 2 | 3 |? ----|牋 |---- | 4 |牋 | 6 | ----|---|---- | 7 | 8 | 9 | -------------如 标 为 "2" 的 单 元 跨 越 两 个 横 行, 它 影 响 了 在 下 面 横 行 中 定 义 的 单 元 位 置. 注 意 如 果 单 元 "6" 没 有 在 横 行 2 中 被 定 义, 一 个 额 外 的 空 单 元 将 被 用 户 代 理 加 上 空 的 单 元 来 完 成 整 个 横 行. 类 似 地, 在 下 列 的 表 格 定 义 中: <TABLE border="border"> <TR><TD>1 <TD>2 <TD>3 <TR><TD colspan="2">4 <TD>6 <TR><TD>7 <TD>8 <TD>9 </TABLE>单 元 "4" 跨 越 了 2 个 竖 列, 所 在 单 元 "6" 被 放 在 第 三 列. ------------- | 1 | 2 | 3 |? --------|---- | 4牋牋 | 6 | --------|---- | 7 | 8 | 9 | ------------- 这 个 例 程 举 例 说 明 了如 何 建 立 一 个 交 叠
的 单 元. 在 这 个 表 格 中, 单 元 "5" 跨 越 了 两 个 横 行 而 单 元 "7"
跨 越 了 2 个 竖 列, 所 以 这 在 "7"?和 "9" 之 间 有 个 交 叠 的 单 元:
牋牋 <TABLE border="border"> <TR><TD>1 <TD>2 <TD>3 <TR><TD>4 <TD rowspan="2">5 <TD>6 <TR><TD colspan="2">7 <TD>9 </TABLE>这 个 表 格 将 在 渲 染 时 传 达 交 叠: ------------- | 1 | 2 | 3 |? ------------- | 4 | 5 | 6 |? ----|...|---- | 7 :牋 | 9 |? ------------- 可视用户代理器的表格格式下 面 的 描 述 说 明 了 告 诉 用 户 代 理 器 如 何 格 式 化 表 格 的 HTML 表 格 特 性. 风 格 页 将 提 供 用 户 代 理 器 更 好 的 控 制. 在 写 这 份 说 明 书?的 时 候, [CSS1] 并 不 提?供 来 控 制 可 视 化 代 理 器 表 格 格 式 化 方 面 的 结 构.这 个 版 本 的 HTML 包 括 的 控 制 结 构 为: 水平和垂直对齐方式下 列 的 特 性 可 以 被 不 同 的 表 格 元 素 设 定 (参 见 它 们 的 定 义).<!-- horizontal alignment attributes for cell contents --> <!ENTITY % cellhalign ?"align (left|center|right|justify|char) #IMPLIED 牋 char牋牋牋 CDATA牋牋?#IMPLIED?-- alignment char, e.g. char=':' -- 牋 charoff牋?CDATA牋牋?#IMPLIED?-- offset for alignment char --" ?> <!-- vertical alignment attributes for cell contents --> <!ENTITY % cellvalign ?"valign (top|middle|bottom|baseline) #IMPLIED" ?> 特 性 定 义
当 charoff 被 用 来 设 置?一 个 对 齐 字 符 的 偏 移 量 时, 偏 移 方 向 由 当 前 文 字 方 向 来 判 定 (通 过 dir 特 性 设 置). 在 从 左 到 右 的 文 字 中 (缺 省), 偏 移 从 左 页 缘 开 始. 在 从 右 到 左 的 文 本, 偏?移 从 右 页 缘 开 始. 此 例 中 的 表 格 把 一 个 横 行 中 的 货 币 值 根
据 小 数 点 排 成 一 行. 我 们 通 过 "." 字 符 来 显 示 地 对 它 们 排?
列.
<TABLE border="border"> <COLGROUP> <COL><COL align="char" char="."> <THEAD> <TR><TH>Vegetable <TH>Cost per kilo <TBODY> <TR><TD>Lettuce牋牋牋?<TD>$1 <TR><TD>Silver carrots <TD>$10.50 <TR><TD>Golden turnips <TD>$100.30 </TABLE>格 式 化 后 表 格 看 上 去 应 当 如 此: ------------------------------ |牋 Vegetable?|Cost per kilo| |--------------|-------------| |Lettuce牋牋牋 |牋牋牋?$1牋 | |--------------|-------------| |Silver carrots|牋牋牋 $10.50| |--------------|-------------| |Golden turnips|牋牋?$100.30| ------------------------------ 对齐方式说明的继承单 元 内 容 的 对 齐 方 式可 以 指 通 过 单 元 基 来 指 定 一 个 单 元, 或 从 包 含 的 元 素 继 随 而, 如 横 行, 竖 列 及 表 格 自 行 align, char 和 charoff 特 性 的 优 先 权 次 序 如 下 (从 高 到 低):? ? 单 元 的 缺 省 对 齐 方 式 取 决 于 用 户 代 理 器. 然 而 用 户 代 器 应 当 根 据 当 前 方 向 性 来 取 代 缺 省 特 性 (就 是 说 不 只 是 所 有 的 情 况 都 是 "left"). 不 提 供 align 特 性 "justify" 的 用 户 代 理 器 可 用 "left" 值 取 代. 框线和线条下 面 的 特 性 影 响 表 格 外 部 的 框 线 和 线 条.特 性 定 义
在 下 面 的 表 格 中, 5 像 素 宽 的 细 线 将 在 表
格 的 左 边, 右 边 以 及 所 有 竖 列 之 间 被 渲 染.
<TABLE border="5" frame="vsides" rules="cols"> <TR> <TD>1 <TD>2 <TD>3 <TR> <TD>4 <TD>5 <TD>6 <TR> <TD>7 <TD>8 <TD>9 </TABLE> 因 此, 例 如:
<FRAME border="2"> <=> <FRAME border="2" frame="border" rules="all">和 <FRAME border> <=> <FRAME frame="border" rules="all"> 表格单元空缘两 种 特 性 控 制 了 单 元 中 的 空 间.Attribute definitions
在 下 面 的 表 格 中, cellspacing
指 定 每 个 单 元 之 间 以 及 与 其 它 的 表 格 框 线 之 间 将 以 20 像
素 分 开. cellpadding
特 性 指 定 单 元 的 顶 缘 和 尾 缘 与 单 元 内 容 以 10% 允 许 的 垂 直
空 间 分 开 (总 数 为 20%). 类 似 的, 单 元 的 左 缘 和 右 缘 将 与 内
容 将 以 10% 允 许 的 水 平 空 间 分 开 (总 数 为 20%).
<TABLE> <TR cellspacing="20"> <TD>Data1 <TD cellpadding="20%">Data2 <TD>Data3 </TABLE> 一些表格例程下 面 的 表 格 例 程 举 例 说 明 了 所 有 表 格 元 素 的 交 互 作 用.例 程 1在 "ASCII?艺 术" 中, 有 如 下 的 表 格:
<TABLE border="border"> <CAPTION>一个单元合并测试表格</CAPTION> <TR><TH rowspan=2><TH colspan="2">平均 牋?<TH rowspan="2">其它<BR>目录<TH>综合 <TR><TH>高<TH>重 <TR><TH align="left">男性<TD>1.9<TD>0.003 <TR><TH align="left" rowspan="2">女性<TD>1.7<TD>0.002 </TABLE>将 被 如 下 渲 染: 牋牋牋牋牋牋牋牋牋牋?一个单元合并测试表格 牋?/--------------------------------------------------\ 牋?|牋牋牋牋?|牋牋牋?平均牋牋牋 |?其它牋?|?综合牋 | 牋?|牋牋牋牋?|-------------------|?目录牋?|--------| 牋?|牋牋牋牋?|牋?高牋 |牋 重牋?|牋牋牋牋?|牋牋牋?| 牋?|------------------------------- ---------|--------| 牋?| 男性牋牋 | 1.9牋牋 | 0.003牋 |牋牋牋牋?|牋牋牋?| 牋?|-----------------------------------------|--------| 牋?| 女性牋牋 | 1.7牋牋 | 0.002牋 |牋牋牋牋?|牋牋牋?| 牋?\--------------------------------------------------/在 你 的 浏 览 器 上, 这 个 表 格 看 上 去 如 此:
例程 2这 个 例 程 举 例 说 明 了 横 行 和 竖 列 的 组. 这 个 例?程. 这 个 例 程 引 自 "设 计 国 际 化 软 件 (Developing International Software)", 作 者 Nadine Kano.在 "ASCII 艺 术" 中, 有 如 下 的 表 格: <TABLE border="2" frame="hsides" rules="groups"> <CAPTION>CODE-PAGE SUPPORT IN MICROSOFT WINDOWS</CAPTION> <COLGROUP align="center"> <COLGROUP align="left"> <COLGROUP align="center" span="2"> <COLGROUP align="center" span="3"> <THEAD valign="top"> <TR> <TH>Code-Page<br>ID <TH>Name <TH>ACP <TH>OEMCP <TH>Windows<br>NT 3.1 <TH>Windows<br>NT 3.51 <TH>Windows<br>95 <TBODY> <TR><TD>1200<TD>Unicode (BMP of ISO/IEC-10646)<TD><TD><TD>X<TD>X<TD>* <TR><TD>1250<TD>Windows 3.1 Eastern European<TD>X<TD><TD>X<TD>X<TD>X <TR><TD>1251<TD>Windows 3.1 Cyrillic<TD>X<TD><TD>X<TD>X<TD>X <TR><TD>1252<TD>Windows 3.1 US (ANSI)<TD>X<TD><TD>X<TD>X<TD>X <TR><TD>1253<TD>Windows 3.1 Greek<TD>X<TD><TD>X<TD>X<TD>X <TR><TD>1254<TD>Windows 3.1 Turkish<TD>X<TD><TD>X<TD>X<TD>X <TR><TD>1255<TD>Hebrew<TD>X<TD><TD><TD><TD>X <TR><TD>1256<TD>Arabic<TD>X<TD><TD><TD><TD>X <TR><TD>1257<TD>Baltic<TD>X<TD><TD><TD><TD>X <TR><TD>1361<TD>Korean (Johab)<TD>X<TD><TD><TD>**<TD>X <TBODY> <TR><TD>437<TD>MS-DOS United States<TD><TD>X<TD>X<TD>X<TD>X <TR><TD>708<TD>Arabic (ASMO 708)<TD><TD>X<TD><TD><TD>X <TR><TD>709<TD>Arabic (ASMO 449+, BCON V4)<TD><TD>X<TD><TD><TD>X <TR><TD>710<TD>Arabic (Transparent Arabic)<TD><TD>X<TD><TD><TD>X <TR><TD>720<TD>Arabic (Transparent ASMO)<TD><TD>X<TD><TD><TD>X </TABLE>将 被 如 下 渲 染: 牋牋牋牋牋牋牋牋?CODE-PAGE SUPPORT IN MICROSOFT WINDOWS =============================================================================== Code-Page | Name牋牋牋牋牋牋牋牋牋牋牋牋 | ACP?OEMCP | Windows Windows Windows 牋?ID牋?|牋牋牋牋牋牋牋牋牋牋牋牋牋牋?|牋牋牋牋牋?|?NT 3.1 NT 3.51牋?95 ------------------------------------------------------------------------------- 牋 1200牋 | Unicode (BMP of ISO 10646)牋 |牋牋牋牋牋?|牋?X牋牋牋 X牋牋牋 * 牋 1250牋 | Windows 3.1 Eastern European |?X牋牋牋牋 |牋?X牋牋牋 X牋牋牋 X 牋 1251牋 | Windows 3.1 Cyrillic牋牋牋牋 |?X牋牋牋牋 |牋?X牋牋牋 X牋牋牋 X 牋 1252牋 | Windows 3.1 US (ANSI)牋牋牋?|?X牋牋牋牋 |牋?X牋牋牋 X牋牋牋 X 牋 1253牋 | Windows 3.1 Greek牋牋牋牋牋?|?X牋牋牋牋 |牋?X牋牋牋 X牋牋牋 X 牋 1254牋 | Windows 3.1 Turkish牋牋牋牋?|?X牋牋牋牋 |牋?X牋牋牋 X牋牋牋 X 牋 1255牋 | Hebrew牋牋牋牋牋牋牋牋牋牋牋 |?X牋牋牋牋 |牋牋牋牋牋牋牋牋牋?X 牋 1256牋 | Arabic牋牋牋牋牋牋牋牋牋牋牋 |?X牋牋牋牋 |牋牋牋牋牋牋牋牋牋?X 牋 1257牋 | Baltic牋牋牋牋牋牋牋牋牋牋牋 |?X牋牋牋牋 |牋牋牋牋牋牋牋牋牋?X 牋 1361牋 | Korean (Johab)牋牋牋牋牋牋牋 |?X牋牋牋牋 |牋牋牋牋牋?**牋牋?X ------------------------------------------------------------------------------- 牋?437牋 | MS-DOS United States牋牋牋牋 |牋牋牋?X牋 |牋?X牋牋牋 X牋牋牋 X 牋?708牋 | Arabic (ASMO 708)牋牋牋牋牋?|牋牋牋?X牋 |牋牋牋牋牋牋牋牋牋?X 牋?709牋 | Arabic (ASMO 449+, BCON V4)?|牋牋牋?X牋 |牋牋牋牋牋牋牋牋牋?X 牋?710牋 | Arabic (Transparent Arabic)?|牋牋牋?X牋 |牋牋牋牋牋牋牋牋牋?X 牋?720牋 | Arabic (Transparent ASMO)牋?|牋牋牋?X牋 |牋牋牋牋牋牋牋牋牋?X ===============================================================================在 你 的 用 户 代 理 器 上, 它 将 如 下:
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||