Mar
23
逻辑风格Logical Styles
<DFN>
用于被定义的单词. 一般用斜体显示. (NCSA Mosaic is a World Wide Web browser.)
<EM>
用于强调. 通常用斜体显示. (Consultants cannot reset your password unless you call the help line.)
<CITE>
用于书籍的标题, 等. 通常斜体显示. (A Beginner's Guide to HTML)
<CODE>
用于计算机编码. 用固定宽度字体显示. (The <stdio.h> header file)
<KBD>
用于用户键盘输入. 通常用无格式固定宽度字体显示. (Enter passwd to change your password.)
<SAMP>
用于字母序列. 用固定宽度字体显示. (Segmentation fault: Core dumped.)
<STRONG>
用于着重强调. 通常用粗体显示. (NOTE: Always check your links.)
<VAR>
用于变量, 你将用确定的信息代替这个变量. 通常用斜体显示. (rm filename deletes the file.)
物理风格标记
<B>
粗体文本
<I>
斜体文本
<TT>
打字机文本typewriter text, 如固定宽度文本.
转义序列Escape Sequences (a.k.a. Character Entities)
字符有两种功能:
转义特殊字符
显示普通 ASCII 字符集中不包含的字符 ( 带有可区别标记的基本字符)
有三个 ASCII 字符--左尖括号(<), 右尖括号 (>), 和ampersand (&)--在 HTML 中有特殊含义，因此不能按照原样用在文本中. (尖括号用于指示 HTML 标记的开始和结束, ampersand 用于指示一个转义序列的开始.) 双引号可以原样使用，但是也可以使用字符实体(").
如果在 HTML 文档中使用上述三个字符, you must enter its escape sequence instead:
<
< 的转义序列;
>
> 的转义序列;
&
& 的转义序列;
其它的转义序列支持重读字符, 如:
ö
带元音变音的小写字母 o : *
ñ
小写字母n 带 tilde: *
È
大写字母 E 带低重音（ grave accent）: *
你可以用其它字母替代上面的 o, n, 和 E. 参考特殊字符清单.
注意: 转义序列是区分大小写的，这一点不同于 HTML 的其它部分。例如，你不能用 < 代替 <.
链接 Linking
HTML 的主要长处在于它能够链接文本和/或图象到另一个文档或者文档的一部分中. 浏览器用颜色和/或下划线突出指定的文本或图象，以说明它是一个超文本链接hypertext link (通常简写为 hyperlink 或 link).
HTML 的单个与超文本链接有关的标记为 <A>, 表示 anchor. 在文档中包含 anchor:
用 <A 开始一个 anchor ( A 后面要留一个空白)
指明你要连接的文档：HREF="filename" ，后面个跟一个右尖括号 (>)
输入在当前文档中作为超链文本的部分
输入 anchor 结束标记: </A> ( anchor 结束标记之前不需空白 )
以下是一个含有超文本链接到 US.html: 的例子
<A HREF="MaineStats.html">Maine</A>
上面的例子中，单词 Maine 被作为指向文档 MaineStats.html的超链，它和第一个文档在同一个目录下.
相对路径名和绝对路径名
你可以通过和当前文档的相对路径relative path指明链接到其它目录的文档. 例如, 到 AtlanticStatesa 子目录的文件 NYStats.html 的链接为:
<A HREF="AtlanticStates/NYStats.html">New York</A>
它们之所以被称为 相对路径链接 是因为你指定到连接文件的路径是相对于当前文件的位置而言的. 你也可以使用文件的绝对路径 (完整的 URL), 但是相对路径在访问一个服务器时效率更高.
路径名使用标准 UNIX 格式. 在 UNIX 格式中，父目录(包含当前目录的目录) 表示为 "..". (更详尽的信息请参考 UNIX 入门参考手册如 Learning the UNIX Operating System from O'Reilly and Associates, Inc.)
假设你在 NYStats.html 文件中，想要参考原始文档 US.html, 你的链接如下:
<A HREF="../US.html">United States</A>
一般地, 你应该使用相对链接，因为:
移动一组文件到另一个位置会比较容易(因为相对路径名依然有效)
和服务器的连接更有效率
需要键入的信息更少
但是，如果指向的文档和当前文档没有直接联系，就需要绝对路径名. 例如, 考虑构成一个用户手册的一组文档. 这组文档内部的链接应该采用相对链接. 而到其它文档的链接 ( 可能指向一个相关的软件) 应该用绝对链接. 这样，当你把用户手册移到一个新目录下时，所有的链接都不必改变.
<DFN>
用于被定义的单词. 一般用斜体显示. (NCSA Mosaic is a World Wide Web browser.)
<EM>
用于强调. 通常用斜体显示. (Consultants cannot reset your password unless you call the help line.)
<CITE>
用于书籍的标题, 等. 通常斜体显示. (A Beginner's Guide to HTML)
<CODE>
用于计算机编码. 用固定宽度字体显示. (The <stdio.h> header file)
<KBD>
用于用户键盘输入. 通常用无格式固定宽度字体显示. (Enter passwd to change your password.)
<SAMP>
用于字母序列. 用固定宽度字体显示. (Segmentation fault: Core dumped.)
<STRONG>
用于着重强调. 通常用粗体显示. (NOTE: Always check your links.)
<VAR>
用于变量, 你将用确定的信息代替这个变量. 通常用斜体显示. (rm filename deletes the file.)
物理风格标记
<B>
粗体文本
<I>
斜体文本
<TT>
打字机文本typewriter text, 如固定宽度文本.
转义序列Escape Sequences (a.k.a. Character Entities)
字符有两种功能:
转义特殊字符
显示普通 ASCII 字符集中不包含的字符 ( 带有可区别标记的基本字符)
有三个 ASCII 字符--左尖括号(<), 右尖括号 (>), 和ampersand (&)--在 HTML 中有特殊含义，因此不能按照原样用在文本中. (尖括号用于指示 HTML 标记的开始和结束, ampersand 用于指示一个转义序列的开始.) 双引号可以原样使用，但是也可以使用字符实体(").
如果在 HTML 文档中使用上述三个字符, you must enter its escape sequence instead:
<
< 的转义序列;
>
> 的转义序列;
&
& 的转义序列;
其它的转义序列支持重读字符, 如:
ö
带元音变音的小写字母 o : *
ñ
小写字母n 带 tilde: *
È
大写字母 E 带低重音（ grave accent）: *
你可以用其它字母替代上面的 o, n, 和 E. 参考特殊字符清单.
注意: 转义序列是区分大小写的，这一点不同于 HTML 的其它部分。例如，你不能用 < 代替 <.
链接 Linking
HTML 的主要长处在于它能够链接文本和/或图象到另一个文档或者文档的一部分中. 浏览器用颜色和/或下划线突出指定的文本或图象，以说明它是一个超文本链接hypertext link (通常简写为 hyperlink 或 link).
HTML 的单个与超文本链接有关的标记为 <A>, 表示 anchor. 在文档中包含 anchor:
用 <A 开始一个 anchor ( A 后面要留一个空白)
指明你要连接的文档：HREF="filename" ，后面个跟一个右尖括号 (>)
输入在当前文档中作为超链文本的部分
输入 anchor 结束标记: </A> ( anchor 结束标记之前不需空白 )
以下是一个含有超文本链接到 US.html: 的例子
<A HREF="MaineStats.html">Maine</A>
上面的例子中，单词 Maine 被作为指向文档 MaineStats.html的超链，它和第一个文档在同一个目录下.
相对路径名和绝对路径名
你可以通过和当前文档的相对路径relative path指明链接到其它目录的文档. 例如, 到 AtlanticStatesa 子目录的文件 NYStats.html 的链接为:
<A HREF="AtlanticStates/NYStats.html">New York</A>
它们之所以被称为 相对路径链接 是因为你指定到连接文件的路径是相对于当前文件的位置而言的. 你也可以使用文件的绝对路径 (完整的 URL), 但是相对路径在访问一个服务器时效率更高.
路径名使用标准 UNIX 格式. 在 UNIX 格式中，父目录(包含当前目录的目录) 表示为 "..". (更详尽的信息请参考 UNIX 入门参考手册如 Learning the UNIX Operating System from O'Reilly and Associates, Inc.)
假设你在 NYStats.html 文件中，想要参考原始文档 US.html, 你的链接如下:
<A HREF="../US.html">United States</A>
一般地, 你应该使用相对链接，因为:
移动一组文件到另一个位置会比较容易(因为相对路径名依然有效)
和服务器的连接更有效率
需要键入的信息更少
但是，如果指向的文档和当前文档没有直接联系，就需要绝对路径名. 例如, 考虑构成一个用户手册的一组文档. 这组文档内部的链接应该采用相对链接. 而到其它文档的链接 ( 可能指向一个相关的软件) 应该用绝对链接. 这样，当你把用户手册移到一个新目录下时，所有的链接都不必改变.
Mar
23
地址Addresses
<ADDRESS> 标记通常用于说明文档的作者, 与作者联系的方法 (如, 一个电子邮件地址), 和一个修订日期. 它一般是一个文件的最后部分.
例如, 本在线指南的最后一行为:
<ADDRESS>
A Beginner's Guide to HTML / NCSA / [email protected] / revised April 96
</ADDRESS>
结果为:
A Beginner's Guide to HTML / NCSA / [email protected] / revised April 96
注意: <ADDRESS> 不 用于普通邮政地址. 关于普通邮政地址参见下文的 "强制换行" .
强制换行Forced Line Breaks/邮政地址Postal Addresses
<BR> 标记强制产生一个换行，行间没有间隙. 对于由较短的行组成的文本，如邮政地址， <P> 元素产生的附加空行会使你觉得不必要. 例如, 使用 <BR>:
National Center for Supercomputing Applications<BR>
605 East Springfield Avenue<BR>
Champaign, Illinois 61820-5518<BR>
输出为:
National Center for Supercomputing Applications
605 East Springfield Avenue
Champaign, Illinois 61820-5518
水平线Horizontal Rules
<HR> 标记产生一个和浏览器窗口等宽的水平线. 水平线对于你分割文档中的各个部分很有用. 例如，很多人在他们的文本结束和 <address> 信息开始之前加一个水平线.
你可以改变一条线的尺寸 (粗) 和宽度 ( 水平线延伸长度占窗口的百分比). 你可以试着改变设置，直到对显示效果满意. 例如:
<HR SIZE=4 WIDTH="50%">
显示为:
--------------------------------------------------------------------------------
字符格式
HTML 有针对单个字符或句子的两种风格: 逻辑风格和物理风格logical and physical. 逻辑风格Logical styles 根据文本的内容进行标记, 而物理风格 physical styles 指明一个部分的显示效果. 例如, 在前面的句子中, "logical styles" 这个单词标记为一个 "定义definition." 同样的效果 (斜体) 可以通过其他的标记告诉你的浏览器 "把这些字变成斜体" 来实现。
注意： 有些浏览器对 <DFN> 标记不做任何风格解释, 因此你可能没有发现前面段落中的单词显示成斜体。
逻辑风格和物理风格Logical Versus Physical Styles
如果物理风格和逻辑风格能够产生相同的效果, 为什么不和而为一呢?
在理想的 SGML 概念中, 内容和它的显示是分开的. 因此 SGML 标记一个一级标题字体为一级标题字体, 但是并不指明一级标题字体应该显示多大, 例如, 24点粗体 加倍集中24-point bold Times centered. 这种处理的好处（类似于很多字处理软件的 style sheets ) 是，如果你决定把一级标记字体改为 20-point left-justified Helvetica, 你只需要改变你的浏览器中一级标题字体的定义就可以了. 今天确实有很多浏览器允许你按你的希望定义多种 HTML 标记在屏幕上的实际效果.
逻辑标签的另一个优点在于它们有助于在你的文档中保持一致性. 标记 <H1> 比 24-point bold Times center 或其它描述要好记得多. 例如, 对 <STRONG> 标记. 多数浏览器用粗体解释. 但是, 某个读者可能喜欢把这部分显示为红色. 逻辑风格提供了这种灵活性.
当然, 假设如果你想用斜体显示一些内容而不想受浏览器的设置的影响, 你就需要使用物理风格 . 因此，物理风格提供一种另一种一致性：在你的文档中用某种方式显示的内容在别的地方也会以同样的方式显示.
你应该固定地使用某一种风格. 如果你用物理风格标记, 则在一篇文档中全都使用物理风格. 如果你使用逻辑风格, 则在文档中坚持使用逻辑风格. 记住，将来的 HTML 可能不再支持物理风格, 这意味着浏览器将不解释物理风格的编码.
<ADDRESS> 标记通常用于说明文档的作者, 与作者联系的方法 (如, 一个电子邮件地址), 和一个修订日期. 它一般是一个文件的最后部分.
例如, 本在线指南的最后一行为:
<ADDRESS>
A Beginner's Guide to HTML / NCSA / [email protected] / revised April 96
</ADDRESS>
结果为:
A Beginner's Guide to HTML / NCSA / [email protected] / revised April 96
注意: <ADDRESS> 不 用于普通邮政地址. 关于普通邮政地址参见下文的 "强制换行" .
强制换行Forced Line Breaks/邮政地址Postal Addresses
<BR> 标记强制产生一个换行，行间没有间隙. 对于由较短的行组成的文本，如邮政地址， <P> 元素产生的附加空行会使你觉得不必要. 例如, 使用 <BR>:
National Center for Supercomputing Applications<BR>
605 East Springfield Avenue<BR>
Champaign, Illinois 61820-5518<BR>
输出为:
National Center for Supercomputing Applications
605 East Springfield Avenue
Champaign, Illinois 61820-5518
水平线Horizontal Rules
<HR> 标记产生一个和浏览器窗口等宽的水平线. 水平线对于你分割文档中的各个部分很有用. 例如，很多人在他们的文本结束和 <address> 信息开始之前加一个水平线.
你可以改变一条线的尺寸 (粗) 和宽度 ( 水平线延伸长度占窗口的百分比). 你可以试着改变设置，直到对显示效果满意. 例如:
<HR SIZE=4 WIDTH="50%">
显示为:
--------------------------------------------------------------------------------
字符格式
HTML 有针对单个字符或句子的两种风格: 逻辑风格和物理风格logical and physical. 逻辑风格Logical styles 根据文本的内容进行标记, 而物理风格 physical styles 指明一个部分的显示效果. 例如, 在前面的句子中, "logical styles" 这个单词标记为一个 "定义definition." 同样的效果 (斜体) 可以通过其他的标记告诉你的浏览器 "把这些字变成斜体" 来实现。
注意： 有些浏览器对 <DFN> 标记不做任何风格解释, 因此你可能没有发现前面段落中的单词显示成斜体。
逻辑风格和物理风格Logical Versus Physical Styles
如果物理风格和逻辑风格能够产生相同的效果, 为什么不和而为一呢?
在理想的 SGML 概念中, 内容和它的显示是分开的. 因此 SGML 标记一个一级标题字体为一级标题字体, 但是并不指明一级标题字体应该显示多大, 例如, 24点粗体 加倍集中24-point bold Times centered. 这种处理的好处（类似于很多字处理软件的 style sheets ) 是，如果你决定把一级标记字体改为 20-point left-justified Helvetica, 你只需要改变你的浏览器中一级标题字体的定义就可以了. 今天确实有很多浏览器允许你按你的希望定义多种 HTML 标记在屏幕上的实际效果.
逻辑标签的另一个优点在于它们有助于在你的文档中保持一致性. 标记 <H1> 比 24-point bold Times center 或其它描述要好记得多. 例如, 对 <STRONG> 标记. 多数浏览器用粗体解释. 但是, 某个读者可能喜欢把这部分显示为红色. 逻辑风格提供了这种灵活性.
当然, 假设如果你想用斜体显示一些内容而不想受浏览器的设置的影响, 你就需要使用物理风格 . 因此，物理风格提供一种另一种一致性：在你的文档中用某种方式显示的内容在别的地方也会以同样的方式显示.
你应该固定地使用某一种风格. 如果你用物理风格标记, 则在一篇文档中全都使用物理风格. 如果你使用逻辑风格, 则在文档中坚持使用逻辑风格. 记住，将来的 HTML 可能不再支持物理风格, 这意味着浏览器将不解释物理风格的编码.
Mar
23
这里是一个嵌套列表的例子:
<UL>
<LI> A few New England states:
<UL>
<LI> Vermont
<LI> New Hampshire
<LI> Maine
</UL>
<LI> Two Midwestern states:
<UL>
<LI> Michigan
<LI> Indiana
</UL>
</UL>
这个嵌套列表的显示：
A few New England states:
Vermont
New Hampshire
Maine
Two Midwestern states:
Michigan
Indiana
预排格式文本Preformatted Text
用<PRE> 标记 (表示 "preformatted") 可以产生固定宽度的字体. 该标记同时使空格，新行，和制表键 tabs 有效 (多个空格显示为多个空格, 源文件中的换行也在浏览器中产生换行). 这对于程序清单和其他一些情况是很有用的. 例如, 下面的行:
<PRE>
#!/bin/csh
cd
cfs get mysrc.f:mycfsdir/mysrc.f
cfs get myinfile:mycfsdir/myinfile
fc -02 -o mya.out mysrc.f
mya.out
cfs save myoutfile:mycfsdir/myoutfile
rm *
</PRE>
显示为:
#!/bin/csh
cd
cfs get mysrc.f:mycfsdir/mysrc.f
cfs get myinfile:mycfsdir/myinfile
fc -02 -o mya.out mysrc.f
mya.out
cfs save myoutfile:mycfsdir/myoutfile
rm *
<PRE> 标记可以带一个宽度属性 WIDTH ，指明一行中最多允许的字符数. WIDTH 同时通知浏览器选择一个合适的字体以及文本的缩排.
在 <PRE> 作用的部分中也可以加超链. 但是其他的 HTML 标记应该避免在 <PRE> 的区间中使用.
注意，由于<, >, 和 & 在 HTML 文件中有特殊含义, 在你输入这些字符的时候必须使用它们的转义序列 (分别为<, >, 和 &) . 详细内容参见转义序列 .
大范围引用Extended Quotations
使用 <BLOCKQUOTE> 标记可以在屏幕上用分离的块显示大段的引用. 多数浏览器通常改变引用部分的页边界，以和周围的文本区分开.
在下面的例子中:
<BLOCKQUOTE>
<P>Omit needless words.</P>
<P>Vigorous writing is concise. A sentence should contain no
unnecessary words, a paragraph no unnecessary sentences, for the
same reason that a drawing should have no unnecessary lines and a
machine no unnecessary parts.</P>
--William Strunk, Jr., 1918
</BLOCKQUOTE>
显示结果为:
Omit needless words.
Vigorous writing is concise. A sentence should contain no unnecessary words, a paragraph no unnecessary sentences, for the same reason that a drawing should have no unnecessary lines and a machine no unnecessary parts.
--William Strunk, Jr., 1918
<UL>
<LI> A few New England states:
<UL>
<LI> Vermont
<LI> New Hampshire
<LI> Maine
</UL>
<LI> Two Midwestern states:
<UL>
<LI> Michigan
<LI> Indiana
</UL>
</UL>
这个嵌套列表的显示：
A few New England states:
Vermont
New Hampshire
Maine
Two Midwestern states:
Michigan
Indiana
预排格式文本Preformatted Text
用<PRE> 标记 (表示 "preformatted") 可以产生固定宽度的字体. 该标记同时使空格，新行，和制表键 tabs 有效 (多个空格显示为多个空格, 源文件中的换行也在浏览器中产生换行). 这对于程序清单和其他一些情况是很有用的. 例如, 下面的行:
<PRE>
#!/bin/csh
cd
cfs get mysrc.f:mycfsdir/mysrc.f
cfs get myinfile:mycfsdir/myinfile
fc -02 -o mya.out mysrc.f
mya.out
cfs save myoutfile:mycfsdir/myoutfile
rm *
</PRE>
显示为:
#!/bin/csh
cd
cfs get mysrc.f:mycfsdir/mysrc.f
cfs get myinfile:mycfsdir/myinfile
fc -02 -o mya.out mysrc.f
mya.out
cfs save myoutfile:mycfsdir/myoutfile
rm *
<PRE> 标记可以带一个宽度属性 WIDTH ，指明一行中最多允许的字符数. WIDTH 同时通知浏览器选择一个合适的字体以及文本的缩排.
在 <PRE> 作用的部分中也可以加超链. 但是其他的 HTML 标记应该避免在 <PRE> 的区间中使用.
注意，由于<, >, 和 & 在 HTML 文件中有特殊含义, 在你输入这些字符的时候必须使用它们的转义序列 (分别为<, >, 和 &) . 详细内容参见转义序列 .
大范围引用Extended Quotations
使用 <BLOCKQUOTE> 标记可以在屏幕上用分离的块显示大段的引用. 多数浏览器通常改变引用部分的页边界，以和周围的文本区分开.
在下面的例子中:
<BLOCKQUOTE>
<P>Omit needless words.</P>
<P>Vigorous writing is concise. A sentence should contain no
unnecessary words, a paragraph no unnecessary sentences, for the
same reason that a drawing should have no unnecessary lines and a
machine no unnecessary parts.</P>
--William Strunk, Jr., 1918
</BLOCKQUOTE>
显示结果为:
Omit needless words.
Vigorous writing is concise. A sentence should contain no unnecessary words, a paragraph no unnecessary sentences, for the same reason that a drawing should have no unnecessary lines and a machine no unnecessary parts.
--William Strunk, Jr., 1918
Mar
23
列表Lists
HTML 支持不编号 unnumbered, 编号numbered, 和定义definition 三种列表. 你也可以嵌套列表, 但是不要嵌套过多，否则会使读者感到不清晰。
不编号列表Unnumbered Lists
制作一个不编号的，公告式列表,
用开始标记 <UL> ( unnumbered list 的简记) 开始
输入 <LI> (list item) 标记，后面跟独立的项; 不需使用 </LI> 标记
用 </UL> 标记结束整个列表
下面是一个有三个项的列表:
<UL>
<LI> apples
<LI> bananas
<LI> grapefruit
</UL>
输出形式为:
apples
bananas
grapefruit
<LI> 项可以含有多个段落. 用段落标记 <P> 指明.
编号列表Numbered Lists
编号列表 (也称为 有序列表ordered list) 和不编号列表相同, 只是用 <OL> 代替 <UL>. 各项同样用 <LI> 标记. 下面的 HTML 代码:
<OL>
<LI> oranges
<LI> peaches
<LI> grapes
</OL>
产生的输出为:
oranges
peaches
grapes
定义列表Definition Lists
定义列表 (编码为 <DL>) 通常含有交替出现的 定义术语definition term (编码为 <DT>) 和定义描述definition definition (编码为 <DD>). Web 浏览器通常另起一行显示定义描述.
下面是一个定义列表的例子:
<DL>
<DT> NCSA
<DD> NCSA, the National Center for Supercomputing Applications,
is located on the campus of the University of Illinois
at Urbana-Champaign.
<DT> Cornell Theory Center
<DD> CTC is located on the campus of Cornell University in Ithaca,
New York.
</DL>
输出形式为:
NCSA
NCSA, the National Center for Supercomputing Applications, is located on the campus of the University of Illinois at Urbana-Champaign.
Cornell Theory Center
CTC is located on the campus of Cornell University in Ithaca, New York.
<DT> 和 <DD> 项可以包含多个段落 (用 <P> 标记指示), 列表, 或其他的定义信息.
COMPACT 属性可能会被经常使用，如果你的定义术语很简短的话. 例如，如果你想显示一些计算机选项, 它们可以和定义的开始处于同一行中.
<DL COMPACT>
<DT> -i
<DD>invokes NCSA Mosaic for Microsoft Windows using the
initialization file defined in the path
<DT> -k
<DD>invokes NCSA Mosaic for Microsoft Windows in kiosk mode
</DL>
输出形式为:
-i
invokes NCSA Mosaic for Microsoft Windows using the initialization file defined in the path.
-k
invokes NCSA Mosaic for Microsoft Windows in kiosk mode.
嵌套列表Nested Lists
列表可以嵌套. 在每个列表项中，你还可以含有多个段落，每个段落含有嵌套列表.
HTML 支持不编号 unnumbered, 编号numbered, 和定义definition 三种列表. 你也可以嵌套列表, 但是不要嵌套过多，否则会使读者感到不清晰。
不编号列表Unnumbered Lists
制作一个不编号的，公告式列表,
用开始标记 <UL> ( unnumbered list 的简记) 开始
输入 <LI> (list item) 标记，后面跟独立的项; 不需使用 </LI> 标记
用 </UL> 标记结束整个列表
下面是一个有三个项的列表:
<UL>
<LI> apples
<LI> bananas
<LI> grapefruit
</UL>
输出形式为:
apples
bananas
grapefruit
<LI> 项可以含有多个段落. 用段落标记 <P> 指明.
编号列表Numbered Lists
编号列表 (也称为 有序列表ordered list) 和不编号列表相同, 只是用 <OL> 代替 <UL>. 各项同样用 <LI> 标记. 下面的 HTML 代码:
<OL>
<LI> oranges
<LI> peaches
<LI> grapes
</OL>
产生的输出为:
oranges
peaches
grapes
定义列表Definition Lists
定义列表 (编码为 <DL>) 通常含有交替出现的 定义术语definition term (编码为 <DT>) 和定义描述definition definition (编码为 <DD>). Web 浏览器通常另起一行显示定义描述.
下面是一个定义列表的例子:
<DL>
<DT> NCSA
<DD> NCSA, the National Center for Supercomputing Applications,
is located on the campus of the University of Illinois
at Urbana-Champaign.
<DT> Cornell Theory Center
<DD> CTC is located on the campus of Cornell University in Ithaca,
New York.
</DL>
输出形式为:
NCSA
NCSA, the National Center for Supercomputing Applications, is located on the campus of the University of Illinois at Urbana-Champaign.
Cornell Theory Center
CTC is located on the campus of Cornell University in Ithaca, New York.
<DT> 和 <DD> 项可以包含多个段落 (用 <P> 标记指示), 列表, 或其他的定义信息.
COMPACT 属性可能会被经常使用，如果你的定义术语很简短的话. 例如，如果你想显示一些计算机选项, 它们可以和定义的开始处于同一行中.
<DL COMPACT>
<DT> -i
<DD>invokes NCSA Mosaic for Microsoft Windows using the
initialization file defined in the path
<DT> -k
<DD>invokes NCSA Mosaic for Microsoft Windows in kiosk mode
</DL>
输出形式为:
-i
invokes NCSA Mosaic for Microsoft Windows using the initialization file defined in the path.
-k
invokes NCSA Mosaic for Microsoft Windows in kiosk mode.
嵌套列表Nested Lists
列表可以嵌套. 在每个列表项中，你还可以含有多个段落，每个段落含有嵌套列表.
Mar
23
一个教学工具
要看到你的浏览器当前窗口所显示信息的原始文件, 可以选择浏览器菜单中的 View Source (或者等价操作) 选项. 文件的内容和所有的 HTML 标记将显示在一个新窗口中.
这是学习使用 HTML 和掌握技巧和构造的一个非常好的方式. 当然, 你看的 HTML 不一定在技术上是正确的. 当你熟悉了 HTML 并且看了很多这方面的参考资料，你将能够区分 "好的" 和 "不好的" HTML.
记住你可以保存 HTML 编码的源文件，用做你的 Web 页的模板，或者把它修改之后用做其他用途.
HTML 标记
HTML
该元素指明你的文件包含 HTML-编码 信息. 文件扩展名 .html 也指明该文件是一个 HTML 文档而且 必须使用. (如果你的系统受 8.3 制文件名的限制 (如., LeeHome.htm）, 可以用 .htm 做扩展名.)
HEAD
头元素 head 是你的 HTML-编码 文档中包含标题 title 的第一部分. 标题是作为你的浏览器窗口的一部分来显示的 (见下文).
TITLE
标题 title 元素含有你的文档标题并且作为一种全局上下文识别其内容. 标题通常显示在浏览器窗口的某个位置 (通常在顶端), 而不是在文本区. 标题同时也用于热点列表 hotlist 或书签列表 bookmark list 中的显示, 因此标题的选择因当是描述性的, 独特的, 和相对简洁的. 标题在 WAIS 服务中还用于搜索服务器.
例如, 你可能在一章的内容中包含一个短小的书本的标题: NCSA Mosaic 指南 (Windows): 安装. 这个标题说明了软件的名称, 使用平台, 和本章内容, 它比简单地把该文档称为 安装. 要好得多。一般你的标题应该不超过 64 个字符.
BODY
HTML 文档的第二部分，也是最大的部分是正文 body, 它含有你的文档的内容 (显示在你的浏览器窗口文本区的部分). 下面介绍的标记用在 HTML 文档的正文 body 内.
标题字体Headings
HTML 有六级标题字体, 从 1 到 6 编号, 1 号最小. 标题字体的显示比普通文本字体大或者粗. 每个文档中的第一个标题字体应该标记为 <H1>.
标题字体元素的语法为:
<Hy>标题字体文本 </Hy>
其中 y 是从 1 到 6 的数字，指明标题字体的等级.
在你的文档中不要跳跃使用标题字体等级. 例如, 不要用一级标题 (<H1>) 开始，然后跟随一个三级标题 (<H3>) .
段落Paragraphs
不同于多数字处理器中的文档, HTML 文件中的换行是不重要的. 你不用担心你的文本中行的长度 ( 当然最好不要超过 72 个字符). 在你的源文件中任何地方可以使用换行, 多个空白在你的浏览器中被重叠成为一个空白.
在“最小的 HTML 文档”中给出的例子中第一段的编码为
<P>Welcome to the world of HTML.
This is the first paragraph.
While short it is
still a paragraph!</P>
源文件中各行之间有换行. Web 浏览器忽略这些换行，只有遇到另一个 <p> 标记时才开始新段落 <P>
要点: 你必须用 <P> 元素指明段落. 浏览器忽略源文件中的任何缩进或空行. 如果没有 <P> 元素, 文档将被看作一个大段落处理. (一个例外的情况是把文本标记为 "preformatted," 下文中将做介绍.) 例如, 下面的内容的输出和第一个 HTML 例子完全相同:
<H1>Level-one heading</H1> <P>Welcome to the world of HTML. This is the
first paragraph. While short it is still a
paragraph! </P> <P>And this is the second paragraph.</P>
为了保持 HTML 文件的可读性, 标题字体应该独占一行, 在开始一个新的部分之前加一到两行空行，段落之间也用空行隔开( 除了用<P> 标记以外). 这些额外的空白在你编辑文件时将会有用 ( 但是你的浏览器将忽略这些空白因为它有自己的关于空白的规则，不依赖于你源文件中的空白).
注意: 结束标记 </P> 可以省略. 这是因为当浏览器遇到一个 <P> 标记时, 它认为前一个段落到此结束.
使用 <P> 和 </P> 作为段落标记使得你可以通过在源文件中使用 ALIGN=alignment 属性使一个段落居中排列.
<P ALIGN=CENTER>
这是一个居中的段落. [见下面的输出形式]
</P>
这是一个居中的段落.
要看到你的浏览器当前窗口所显示信息的原始文件, 可以选择浏览器菜单中的 View Source (或者等价操作) 选项. 文件的内容和所有的 HTML 标记将显示在一个新窗口中.
这是学习使用 HTML 和掌握技巧和构造的一个非常好的方式. 当然, 你看的 HTML 不一定在技术上是正确的. 当你熟悉了 HTML 并且看了很多这方面的参考资料，你将能够区分 "好的" 和 "不好的" HTML.
记住你可以保存 HTML 编码的源文件，用做你的 Web 页的模板，或者把它修改之后用做其他用途.
HTML 标记
HTML
该元素指明你的文件包含 HTML-编码 信息. 文件扩展名 .html 也指明该文件是一个 HTML 文档而且 必须使用. (如果你的系统受 8.3 制文件名的限制 (如., LeeHome.htm）, 可以用 .htm 做扩展名.)
HEAD
头元素 head 是你的 HTML-编码 文档中包含标题 title 的第一部分. 标题是作为你的浏览器窗口的一部分来显示的 (见下文).
TITLE
标题 title 元素含有你的文档标题并且作为一种全局上下文识别其内容. 标题通常显示在浏览器窗口的某个位置 (通常在顶端), 而不是在文本区. 标题同时也用于热点列表 hotlist 或书签列表 bookmark list 中的显示, 因此标题的选择因当是描述性的, 独特的, 和相对简洁的. 标题在 WAIS 服务中还用于搜索服务器.
例如, 你可能在一章的内容中包含一个短小的书本的标题: NCSA Mosaic 指南 (Windows): 安装. 这个标题说明了软件的名称, 使用平台, 和本章内容, 它比简单地把该文档称为 安装. 要好得多。一般你的标题应该不超过 64 个字符.
BODY
HTML 文档的第二部分，也是最大的部分是正文 body, 它含有你的文档的内容 (显示在你的浏览器窗口文本区的部分). 下面介绍的标记用在 HTML 文档的正文 body 内.
标题字体Headings
HTML 有六级标题字体, 从 1 到 6 编号, 1 号最小. 标题字体的显示比普通文本字体大或者粗. 每个文档中的第一个标题字体应该标记为 <H1>.
标题字体元素的语法为:
<Hy>标题字体文本 </Hy>
其中 y 是从 1 到 6 的数字，指明标题字体的等级.
在你的文档中不要跳跃使用标题字体等级. 例如, 不要用一级标题 (<H1>) 开始，然后跟随一个三级标题 (<H3>) .
段落Paragraphs
不同于多数字处理器中的文档, HTML 文件中的换行是不重要的. 你不用担心你的文本中行的长度 ( 当然最好不要超过 72 个字符). 在你的源文件中任何地方可以使用换行, 多个空白在你的浏览器中被重叠成为一个空白.
在“最小的 HTML 文档”中给出的例子中第一段的编码为
<P>Welcome to the world of HTML.
This is the first paragraph.
While short it is
still a paragraph!</P>
源文件中各行之间有换行. Web 浏览器忽略这些换行，只有遇到另一个 <p> 标记时才开始新段落 <P>
要点: 你必须用 <P> 元素指明段落. 浏览器忽略源文件中的任何缩进或空行. 如果没有 <P> 元素, 文档将被看作一个大段落处理. (一个例外的情况是把文本标记为 "preformatted," 下文中将做介绍.) 例如, 下面的内容的输出和第一个 HTML 例子完全相同:
<H1>Level-one heading</H1> <P>Welcome to the world of HTML. This is the
first paragraph. While short it is still a
paragraph! </P> <P>And this is the second paragraph.</P>
为了保持 HTML 文件的可读性, 标题字体应该独占一行, 在开始一个新的部分之前加一到两行空行，段落之间也用空行隔开( 除了用<P> 标记以外). 这些额外的空白在你编辑文件时将会有用 ( 但是你的浏览器将忽略这些空白因为它有自己的关于空白的规则，不依赖于你源文件中的空白).
注意: 结束标记 </P> 可以省略. 这是因为当浏览器遇到一个 <P> 标记时, 它认为前一个段落到此结束.
使用 <P> 和 </P> 作为段落标记使得你可以通过在源文件中使用 ALIGN=alignment 属性使一个段落居中排列.
<P ALIGN=CENTER>
这是一个居中的段落. [见下面的输出形式]
</P>
这是一个居中的段落.
