�
前页牋 后页牋 目录牋 元素牋 特性

对齐方式, 字体风格和水平线条

目录
  1. 格式
    1. 背景色
    2. 对齐方式
    3. 浮动物件
  2. 字体
    1. 字体风格元素: TT, I, B, BIG, SMALL, STRIKE, S 和 U 元素
    2. 字体修正元素: FONT 和 BASEFONT
  3. 线条: HR 元素
说 明 书 的 这 一 章 讨 论 一 些 可 以 被 用 来 做 视 觉 格 式 的 HTML 元 素 和 特 性. 通 常 的 说 法 是 建 议 你 使 用 风 格 页 来 代 替. 一 个 例 外 是 当 用 户 代 理 器 不 提 供 风 格 页 或 它 不 提 供 特 定 风 格 而 需� 要 的 功 能 时. 数 个 HTML 元 素 和 特 性 可 以 处 理 可 视 展 现 但 是 不 赞 成 地 并 且 可 以 有 望 在 HTML 的 将 来 版 本 中 废 弃.

格式

背景色

特 性 定 义
�
bgcolor = color
不 赞 成. 这 个 特 性 设 置 文 档 主 干 或 表 格 单 元 的 背 景 色.
这 个 特 定 设 定 文 档 主 干 (BODY 元 素) 或 表 格 (TABLE, TR, TH 和 TD 元 素) 的 画 布 的 背 景 色. 额 外 的 用 来 指 定 文 字 颜 色 的 特 性 可 与 BODY 元 素 一 起 使 用.

这 个 特 性 是 不 赞 成 的 而 赞 成 用 风 格 页 来 指 定 背 景 色 信 息.

对齐方式

用� align 元 素 在 画 布 上 对 齐 封 闭 元 素 (表 格, 图 像, 物 件, 图 案 等 等) 是 可 能 的.� 尽 管 这 些 特 性 可 以 在 大 多 数 HTML 元 素 里 设 置, 但 它 可 能 的 值 的 范 围 在 元 素 与 元 素 之 间 不 尽 相 同.
特 性 定 义
�
align = left|center|right|justify
不 赞 成. 这 个 特� 性 定 义 了 元 素 及 其 围 绕 的 上 下 文 水 平 方 向 的 对 齐 方 式 <译 注: 我 认 为 应 该 是 垂 直 方 向 的 对 齐, 而 不 是 水 平 方 向, 不 过 洋 人 吃 饭 也 与 我 们 颠 倒, 也 就 作 罢>, 可 能 的 值 为:
  • left: 左 对 齐/ 调 整. 这 是 缺 省 值.
  • center: 居 中 对 齐/ 调 整.
  • right: 右 对 齐/ 调 整.
  • justify: 两 边 撑 满 调 整.
不 赞 成 例 程
下 面 的 例 程 让 标 题 在 画 布 居 中. 
<H1 align="center"> How to Carve Wood </H1>
使 用 cascading 风 格 页, 对 于 此 例, 你 可 以 如 下 获 得 相 同 的效 果.: 
<HEAD>
<STYLE>
H1 { text-align: center}
</STYLE>
</HEAD>
<H1> How to Carve Wood </H1>
注 意, 它 将 使 所 有 的 H1 声 明 居 中. 你 可 以 通 过 设 定 元 素 的 id 特 性 来 减 少 它 的 范 围. 
<HEAD>
<STYLE type="text/css">
H1.wood {text-align: center}
</STYLE>
</HEAD>
<H1 id="wood"> How to Carve Wood </H1>
类 似� 的, 通 过 HTML 的 align 使 段 落 在 画 布 上 两 边 撑 满: 
<P align="justify">...Lots of paragraph text...
在 cascading 风 格 页 可 以 为: 
<HEAD>
<STYLE type="text/css">
P.mypar {text-align: justify}
</STYLE>
</HEAD>
<P id="mypar">...Lots of paragraph text...
为 了 让 一 系 列 段 落 两 边 撑 满, 用 DIV 元 素 对 它 们 编 组: 
<DIV align="justify">
<P>...text in first paragraph...
<P>...text in second paragraph...
<P>...text in third paragraph...
</DIV>
通 过 cascading 风 格 页, 可 以 为: 
<HEAD>
<STYLE type="text/css">
DIV.mypars {text-align: justify}
</STYLE>
</HEAD>
<DIV id="mypars">
<P>...text in first paragraph...
<P>...text in second paragraph...
<P>...text in third paragraph...
</DIV>
为 了 通 过 cascading 风 格 页 调 整 整 个 文 档: <HEAD> <STYLE type="text/css"> BODY {text-align: justify} </STYLE> </HEAD> <BODY> ...the body is justified... </BODY>

CENTER 元 素 完 全 等 价 于 在 DIV 元 素 中 把 align 特 性 设 为 "center". CENTER 元 素 是 不 赞 成 的.

浮动物件

图 像 和 特 件 将 直 接 在 "行 内" 出 现 或 漂 浮 在 页 的 一 边, 暂 时 改 变 文 字 页 缘 可 以 在 物 件 的 格 一 边 流 动.

漂浮一个物件

物 件, 图 像, 框 等 的 align 特 性,� 把 特 件 漂 浮 在 左 页 缘 或 右 页 缘. 浮 动 物 件 通 常 开 始 一 个 新 行. 这 个 特 性 采 用 下 列 的 的 值 一为 漂 浮 一 个 物 件.
下 面 的 例 程 展 示 了 如 何 把 一 个 IMG 元 素 漂 浮 到 画 布 的 当 前 左 页 缘. 
<IMG align="left" src="http://foo.com/animage.gif">

围绕物件漂浮文字

另 一 个 特 性, 定 义 为 BR 元 素, 控 制 了 围 绕 漂 浮 物 件 的 文 字 的 流 动.
特 性 定 义
clear = none|left|right|all
指 定 在 视 觉 浏 览 器 中 换 行 之 后 的 文 本 行 应 当 出 现 于 哪 里. 这 个 特 性 被 用 于 报 告 物 件 (图 像, 表 格 等). 可 能 的 值 为:
  • none: 下 行 正 常 开 始. 这 是 缺 省 值.
  • left: 下 行 将 在 最 近 的 处 于 左 页 缘 的 漂 浮 物 件 的 下 面 一 行 开 始.
  • right: 下 行 将 在 最 近 的 处 于 右 页 缘 的 漂 浮 物 件 的 下 面 一 行 开 始.
  • all: 下 列 将 开 始 于 任 一 边 的 漂 浮 物 件 的 下 行.
考 虑 下 面 的 可 视 脚 本, 文 字 流 于 图 像 的 右 面 直 到 遇 上 一 个 BR: 
*********� -------
|牋牋牋 |� -------
| image |� --<BR>
|牋牋牋 |
*********
如 果 clear 特 性 设 为 none, 跟 随 的 BR 将 在 其 后 立 刻 开 始 于 图 像 的 右 页 缘: 
*********� -------
|牋牋牋 |� -------
| image |� --<BR>
|牋牋牋 |� ------
*********
如 果 clear 特 性 设 为 left 或 all, 下 行 将 如 下 显 示: 
*********� -------
|牋牋牋 |� -------
| image |� --<BR clear="left">
|牋牋牋 |牋
*********
-----------------
使 用 风 格 页 你 可 以 指 所 有 的 换 行 处 于 漂 浮 物 件 (图 像, 表 格 等) 的 左 页 缘 的 形 式 出 现. 在 cascading 风 格 页 中, 你 可 以 如 下 完 成: 
<STYLE type="text/css">
BR {clear: left}
</STYLE>
为 了 指 定 id 特 性: 
<HEAD>
...
<STYLE type="text/css">
BR.mybr {clear: left}
</STYLE>
</HEAD>
<BODY>
...
*********� -------
|牋牋牋 |� -------
| table |� --<BR id="mybr">
|牋牋牋 |牋
*********
-----------------
...
</BODY>

字体

下 面 的 HTML 元 素 指 定 了 字 体 信 息. 即 使 并 非 所 有 都 是 不 赞 成 的, 但 它 们 的 使 用 也 的 确 是 风 格 页 推 广 的 阻 碍.

字体风格元素:�TT,�I,�B,�BIG,�SMALL,�STRIKE,�S 和�U 元素

<!ENTITY % font
�"TT | I | B | U | S | STRIKE | BIG | SMALL">
<!ELEMENT (%font|%phrase) - - (%inline)*>
<!ATTLIST (%font|%phrase)
� %attrs;牋牋牋牋牋牋牋牋牋牋牋牋� -- %coreattrs, %i18n, %events --
� >
开 始 标 记: 需 要, 结 束 标 记: 需 要
�
在 它 处 定 义 的 特 性
�