用HTML建立超链接

4.2 初步认识超链接的标记
单击页面中的文本“卧冰求鲤”，可以将页面转到 4-1-2.html文件。
4.2 初步认识超链接的标记
4.2.3 超链接的目标页面
在HTML语言中，可以通过target参数设置链接打
开目标页面属性。其具体语法格式如下：
<a href=”链接地址” target=目标窗口的打开方
4.4 设置不同的链接对象
例题4-7：超链接的其他设置。运行这段代码，把鼠 标放在链接，可以看到如图的效果。
4.5 网页中的锚点
4.5.1 设定锚点 要使用锚点引导浏览者，就要首先设置页面中的锚
点。设置的锚点将确定链接的目的位置，这里同书签类 似。其具体语法格式如下：
<a name=”锚点名称”>锚点的链接文字</a>
在页面中单击其中的一个链接文字，页面将会跳转 到该链接的书签所在位置。
4.3 书签链接
4.3.3 不同页面的书签链接 在链接地址上输入其他页面地址，也可以链接到其
他页面。其具体语法格式如下： <a href=”链接的文件地址#书签的名称”>链接
的文字</a> 在该语法中，与同一页面的书签链接不同的是，需
链接到不同的页面。请具体语法格式如下： <a name=”书签名称”>文字</a> 在该语法，书签名称就是对于后面要跳转所创建的
书签，而文字则是设置罗拉后跳转的位置。
4.3 书签链接
例题4-3：定义5个书签，分别命名为元日、忆江 南三首、小池、到京师、春日，运行这段代码的效果如 图。
4.3 书签链接
4.4 设置不同的链接对象
4.4.2 设置电子邮件、FTP和Telnet的链接 1、发送电子邮件的具体语法格式如下： <a href=”mailto:邮件地址”>发送邮件</a> 注意：邮件地址必须完整。 2、FTP服务器采用FTP协议链接，链接的具体语法格 式如下： <a href=”ftp://服务器IP地址或域名”>链接的文字 </a> 同样，链接Telnet协议的服务器也是采用类似方法。
4.4.1 设置外部链接 4.4.2 设置电子邮件、FTP
和Telnet的链接
❖ 4.5 网页中的锚点
4.5.1 设定锚点 4.5.2 链接到锚点
❖ 4.6综合案例
4.1 初步认识超链接
超文本链接（hyper text link）通常简称为超链接 （hyperlink），或者简称为链接（link）。 1、绝对路径
绝对路径指的是主页上的文件或目录在硬盘上真正 的路径，它是绝对的。 2、相对路径
相对路径，顾名思义就是自己相对于目标位置，它 是相对的。
4.2 初步认识超链接的标记
4.2.1 超链接的基本标记 根据不同的对象，超链接的参数也有所不同，但都
少不了<a>标记。其具体语法格式如下： <a href=”文件名”>链接元素</a> 或 <a href=”URL”>链接元素</a>
在各种超链接中，根据链接对象的不同，设置的方式也 有所区别。
在本实例中共包含三个文件，分别是4-2-1.html、 4-2-2.html和 4-2-3.html。其中4-2-1.html作为一个 起始页面，而另外两个文件放置在与4-2-1.html文件同 级的文件夹中。本实例通过三个文件的互相连接说明在 网站内部进行链接的方法。
要在链接的地址前增加文件所在的位置。
4.3 书签链接
例题4－5：设置一个单独的链接页面，使其链接到 前面定义的书签页面。
单击其中的某个链接，例如，选择元日，就可以直 接链接到书签所在的位置。
4.4 设置不同的链接对象
4.4.1 设置外部链接：链接HTTP页面 外部链接就是链接本站点以外的内容。外部链接的
目录
❖ 4.1 初步认识超链接 ❖ 4.2 初步认识超链接的标记
4.2.1 超链接的基本标记 4.2.2 创建文本超链接 4.2.3 超链接的目标页面 4.2.4 内部链接
❖ 4.3 书签链接
4.3.1 建立书签 4.3.2 同一页面的书签链接 4.3.3 不同页面的书签链接
❖ 4.4 设置不同的链接对象
4.5 网页中的锚点
下面通过两个实例来分别说明这两种锚点的设置方法。 1、链接到同一页面的锚点 2、链接到其他页面的锚点
4.6 综合案例
例题4-11：设计效果如图4-19所示的网页。其中有两 个锚点，一个是用来显示“如何阅读此说明书”内容； 一个是用来显示“此说明书是如何组织的”内容。
小结
本章主要介绍了超链接的创建，创建超链接 后，使网页更加的富有诗意。本章的重点是如何 创建超链接以及超链接的使用，难点在于4.4节 以及4.5节的内容。不过，读者只要掌握并学会 运用使用超链接以及超链接的标记即可。
4.3.2 同一页面的书签链接 在代码的前面增加链接文字和链接地址，这样就能
够实现同页面的书签链接。其具体语法格式如下： <a href=”#书签的名称”>链接的文字</a> 在该语法中，书签的名称就是刚才所定义的书签名，
也就是name的赋值。而#则代表这是书签的链接地址。
4.3 书签链接
例题4-4：书签的使ห้องสมุดไป่ตู้，运行这段代码可以看到5个 文字链接。
4.5 网页中的锚点
例题4-8：为页面添加锚点的实例。运行这段代码的效 果如图所示。
4.5 网页中的锚点
4.5.2 链接到锚点 设置锚点的目的就是为了让用户方便地在同一页面
内跳转，因此实现锚点的链接才是设置锚点的最终目标。 链接到页面内的锚点需要使用#标记，其具体语法格式如 下：
<a href=”锚点名称”>用于链接锚点的文字</a> 如果是设置的锚点和用于链接锚点的文字不在同一 页面中，则具体语法格式如下： <a href=”页面地址#锚点名称”>用于链接锚点的 文字</a>
式>链接元素</a>
在该语法中，target参数的取值有三种。
target值
目标窗口的打开方式
_parent
在上一级窗口打开
_blank
新建一个窗口打开
_self
在同一窗口打开，与默认设置相同
_top
在浏览器的整个窗口打开，将会忽略所有 的框架结构
4.2 初步认识超链接的标记
4.2.4 内部链接 内部链接是指链接的对象是在同一个网站中的资源，
4.2 初步认识超链接的标记
4.2.2 创建文本超链接 创建文本超级链接可以通过网页中的文字，与其他
页面上的文件进行链接。其具体语法格式如下： <a href=”链接地址”>链接文字</a> 注意：在该语法中，链接地址可以是绝对地址，也
可以是相对地址。
4.2 初步认识超链接的标记
例题4-1：下面有两则故事，用超链接把这两个故 事连接起来，运行4-1-1.html，可以看到文件中包含一 个文本链接“卧冰求鲤”。
一个常用方面就是链接HTTP页面，即链接其他网站的某 个页面，最常见的就是设置站点的友情链接。其具体语 法格式如下：
<a href=”http://……”>链接文字</a> 例题4-6：链接百度外部HTTP页面。运行这段代码， 单击链接文字“百度站点”，可以打开百度网站的首页。
4.4 设置不同的链接对象
4.2 初步认识超链接的标记
运行文件4-2-1.html，会看到页面中包含两个链接 文字。
4.2 初步认识超链接的标记
单击“详细介绍HTML”可以打开下一级内容。
在该窗口中，单击文本“返回主页”可以返回到初 始页面4-2-1.html。
4.3 书签链接
4.3.1 建立书签 通过建立书签可以对页面的内容进行引导，也可以