电脑爱好者,提供IT资讯信息及各类编程知识文章介绍,欢迎大家来本站学习电脑知识。 最近更新 | 联系我们 RSS订阅本站最新文章
电脑爱好者
站内搜索: 
当前位置:首页>> HTML>>HTML 初学者指南之三:

HTML 初学者指南之三

来源:远方网络 | 2005-3-16 7:49:35 | (有1744人读过)

转义特殊字符
  显示普通 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 浏览器可以下载一幅图象用做显示一个主页时的背景. 有些人喜欢使用背景,有些人不喜欢. 通常,如果你想包含一个背景, 你要确保你的文本在背景上依然可以被很清晰地阅读.

背景图象可以是一个物体的组织 (例如亚麻布纸张)或图象 (可能是一个徽标). 你可以象生成其他任何图象一样来生成背景图象。
HTML热门文章排行
网站赞助商
购买此位置

 

关于我们 | 网站地图 | 文档一览 | 友情链接| 联系我们

Copyright © 2003-2022 电脑爱好者 版权所有 备案号:鲁ICP备09059398号