来源:远方网络 | 2005-3-16 7:49:35 | (有1976人读过)
转义特殊字符 显示普通 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>
一般地, 你应该使用相对链接,因为:
移动一组文件到另一个位置会比较容易(因为相对路径名依然有效) 和服务器的连接更有效率 需要键入的信息更少 但是,如果指向的文档和当前文档没有直接联系,就需要绝对路径名. 例如, 考虑构成一个用户手册的一组文档. 这组文档内部的链接应该采用相对链接. 而到其它文档的链接 ( 可能指向一个相关的软件) 应该用绝对链接. 这样,当你把用户手册移到一个新目录下时,所有的链接都不必改变.
HTML 初学者指南(七)
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:pubs@ncsa.uiuc.edu">NCSA Publications Group</a>
可以创建一个已经配置好的发往 BUPT Publications Group的邮件窗口. (你当然应该换用另一个地址!)
HTML 初学者指南(八)
嵌入行中的图象 多数 Web 浏览器可以显示嵌入行中的X 位图(XBM), GIF, 或 JPEG 格式的图象(即和文本想邻的图象) . 其他格式的图象正在合并到Web 浏览器中[如, Portable Network Graphic (PNG) 格式]. 每个图象都花费处理时间并降低文档显示的速度. 仔细选择你的文档中的图象和图象的个数.
包含一个嵌入行中的图象, 输入:
<IMG SRC=图象名> ALT="FORWARD" HEIGHT=32 WIDTH=32>
其中 图象名 是图象文件的URL .
<IMG SRC> URLs 的语法格式和锚链HREF使用的格式相同. 如果图象文件是GIF 文件, 则图象名中的文件名部分必须以.gif结束. X 位图格式的文件必须以.xbm结尾; JPEG 图象文件必须以.jpg或 .jpeg结束; Portable Network Graphic 文件必须以.png结束.
图象大小属性 在<IMG> 标记中你应该包含其它两个属性,用于通知浏览器正在和文本一起下载的图象的大小. HEIGHT 和 WIDTH 属性使浏览器在下载文件其它部分的时候为图象留出适当的空间(象素). (从你的图象处理软件如Adobe Photoshop中可以得到象素大小.)
例如, 要在文件中包含一幅自己的肖像, 输入:
<IMG SRC=SelfPortrait.gif HEIGHT=100 WIDTH=65> ALT="FORWARD" HEIGHT=32 WIDTH=32>
注意: 当图象大小与属性描述大小不一致时,有些浏览器使用 HEIGHT 和 WIDTH属性来扩大或缩小一幅图象以使它适用于分配的空间. 并非所有的浏览器开发者都赞同放大/缩小图象. 因此,在安排时不要假设你的读者都可以使用这种特性. 最好查看一下图象大小,使用正确的尺寸.
图象定位 对于图象的显示你具有一定的灵活性. 你可以让图象和文本分开,把图象放在左边,右边,或者中间. 或者你可以让图象和文本在同一行。你可以尝试多种形式,看一看哪种最好
使图象和文本在同一行 缺省情况下图象的底部和随后的文本在同一行显示,就象现在的这段. 你也可以通过把ALIGN= 属性的值设为 TOP 或 CENTER,把图象放到一段的顶端或中间。
这段文本与图象的顶端在同一行(<IMG SRC = "BarHotlist.gif" ALIGN=TOP>). 注意只有一行文本如此,其他行跳到图象的底部显示.
这一行文本显示在图象中间(<IMG SRC = "BarHotlist.gif" ALIGN=CENTER>). 同样,只有一行显示在中间,其他行在图象的下面.
不带文本的图象 如果要显示一幅不带文本的图象(例如,你的组织的徽标), 只要把它作为单独的一段即可. 使用段落标记的 ALIGN=属性把图象调整到窗口的中间或右边,如下所示:
<p ALIGN=CENTER> <IMG SRC = "BarHotlist.gif"> </p>
结果为:
图象显示在中间; 本段从它下面靠左开始.
图象的替换文本 一些 World Wide Web 浏览器--主要是那些在 VT100 终端上运行的浏览器--不能显示图象. 有些用户会关掉图象下载功能,就算他们的软件可以显示图象(特别是如果他们是 modem 或低速线路的用户). HTML 提供一种机制使得读者知道他们看到的页面上缺少了什么.
ALT 属性使你可以指定一段可以替代图象来显示的文本. 例如:
<IMG SRC="UpArrow.gif" ALT="Up"> ALT="" HEIGHT=48 WIDTH=50>
其中 UpArrow.gif 是一个向上的箭头.在具有图象显示功能并且图象下载打开的浏览器中,你可以看到一个上箭头的图形。在VT100 浏览器中或者图象下载关闭的情况下, 你的窗口中将显示 Up 这个单词.
你应该对出现在你的文档中的每个图象都使用一个替换文本, 这是一种对读者的礼貌.
背景图象 新版本的 Web 浏览器可以下载一幅图象用做显示一个主页时的背景. 有些人喜欢使用背景,有些人不喜欢. 通常,如果你想包含一个背景, 你要确保你的文本在背景上依然可以被很清晰地阅读.
背景图象可以是一个物体的组织 (例如亚麻布纸张)或图象 (可能是一个徽标). 你可以象生成其他任何图象一样来生成背景图象。
|