静怡家园

URLs
World Wide Web 使用标准资源定位 Uniform Resource Locators (URLs) 指明其它服务器中的文件. 一个 URL 包括访问资源的类型(例如, Web, gopher, WAIS), 服务器的地址, 和文件的位置. 语法格式为:

scheme://host.domain [:port]/path/ filename

其中 scheme 是以下的一个

file
本地系统的一个文件
ftp
匿名FTP 服务器中的文件
http
World Wide Web 服务器中的文件
gopher
Gopher 服务器中的文件
WAIS
WAIS 服务器中的文件
news
Usenet 的一个新闻组newsgroup
telnet
到一个基于Telnet 的服务的连接
端口port 号通常可以省略. (除非对方告诉你使用它，否则忽略它)

例如，在你的文档中链接本指南:

<A HREF="http://www.ncsa.uiuc.edu/General/Internet/WWW/HTMLPrimer.html";>
NCSA's Beginner's Guide to HTML</A>

它将文本 NCSA's Beginner's Guide to HTML 标记为一个超链，连到当前文档中 .

到指定部分的链接
锚链也可以用于引导读者到一篇文档（可以是当前文档或其他文档）中的 特定区域，而不一定到缺省的顶端位置. 这种类型的锚链通常称为一个 命名锚链named anchor ，因为创建链接时, 你需要在文档中插入 HTML 名字.

本指南是在同一篇文档中使用命名锚链的很好的例子. 它作成一篇文档以便于打印. 但是当你只是想了解关于HTML 的一部分信息时，在这样一篇（长）文档中浏览是比较费时的. 内部的超链用于在文档开始创建一个"内容索引table of contents". 这些超链使你可以从文档中的一个位置移到另一个位置。(到本文的顶端点击内容索引中 到指定部分的链接. 你就会返回这里.)

你还可以链接到另一篇文档中的指定部分. 首先提这一点是因为这会有助于帮助你理解一篇文档内部的链接.

不同文档中指定部分之间的链接
假设你想从文档A (documentA.html)　中建立一条到另一篇文档(MaineStats.html)中的一个指定部分的链接.

输入HTML编码指向一个命名链接:

documentA.html:

In addition to the many state parks, Maine is also home to
<a href="MaineStats.html#ANP">Acadia National Park</a>.

井号（＃）后面的字符串可以看作文件MaineStats.html 中的一个标签. 这个标签说明了当该链接被激活时浏览器从什么地方开始显示. 在上例中，显示的第一行将是 Acadia National　Park heading.

第二步, 在MaineStats.html中创建 命名锚链 (本例中为 "ANP")

<H2><A NAME="ANP">Acadia National Park</a></H2>

这些元素都作好以后，你就可以让读者直接找到MaineStats.html中Acadia 的参考信息了.

注意: 要想链接到另一篇文档中的指定位置，你需要对那篇文档具有写权限，或者那篇文档中已经含有文档内部的命名锚链.　例如，你可以在你所写的文档中包含指向本指南的锚链，因为本文中已经含有命名锚链 (使用浏览器中的 View　Source 看一看编码). 但是如果本文档 没有命名锚链, 你就不能制作到特定位置的链接，因为你不能编辑NCSA服务器中的原始文件.

指向当前文档内指定部分的链接
语法和前文相同，只是文件名 省略.

例如, 要从 MaineStats中链接到　ANP :

...More information about <A HREF="#ANP">Acadia National Park</a>
is available elsewhere in this document.

注意确保你的文档中在链接指向的部分包含 <A NAME=> 标记(<H2><A NAME="ANP">Acadia National Park</a></H2>).

当你认为读者可能需要打印全部文档，或者在一个文件中有很多短信息需要在线说明的情况下非常有用.

邮件发送Mailto
在超链中包含mailto属性，可以方便读者给某个人或别名发送电子邮件. 格式为:

<A HREF="mailto:emailinfo@host">Name</a>

例如, 输入:

<A HREF="mailto:[email protected]">NCSA Publications Group</a>

可以创建一个已经配置好的发往 BUPT Publications Group的邮件窗口. (你当然应该换用另一个地址!)

逻辑风格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>

一般地, 你应该使用相对链接，因为:

移动一组文件到另一个位置会比较容易(因为相对路径名依然有效)
和服务器的连接更有效率
需要键入的信息更少
但是，如果指向的文档和当前文档没有直接联系，就需要绝对路径名. 例如, 考虑构成一个用户手册的一组文档. 这组文档内部的链接应该采用相对链接. 而到其它文档的链接 ( 可能指向一个相关的软件) 应该用绝对链接. 这样，当你把用户手册移到一个新目录下时，所有的链接都不必改变.

地址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 可能不再支持物理风格, 这意味着浏览器将不解释物理风格的编码.

　这里是一个嵌套列表的例子:

<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

　列表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

列表可以嵌套. 在每个列表项中，你还可以含有多个段落，每个段落含有嵌套列表.