第5章 HTML超链接类标记
本章学习目标
. 了解HTML中的超链接概念;
. 了解HTML中的超链接形式;
. 掌握HTML超链接类标记的语法及应用。
本章首先介绍HTML中的超链接概念,然后介绍HTML中的超链接形式,最后详细
讲解HTML中超链接类标记的语法和应用。
5.1 超链接概念
Web上的页面可以互相链接。通过单击起始页面文件中设置的超链接的HTML 元
素,可以链接到指定目标。可以设置超链接的HTML元素为任何一种HTML元素,例如
图像或者文本。目标可以是一个网页、网页上的某个位置、一个电子邮件地址、一个其他类
型文件,或者一个应用程序等。
根据起始页面文件和目标的位置关系,超链接类型分为内部链接、外部链接和锚记链
接。内部链接是起始文件和目标在同一个网站内的链接;外部链接是起始文件和目标在不
同网站的链接;锚记链接是链接到文件内部指定位置的链接。超链接的目标是文件时,文件
的路径可以采用相对路径和绝对路径方式表示。
5.2 超链接类标记
5.2.1 超链接标记
超链接标记描述从一个起始网页元素到目标的超链接。超链接标记是双标
记,其语法格式如下。
起始网页元素
超链接标记的常用属性见表5.1。
表5.1 超链接标记的常用属性
属 性属性值(含义) 说 明
href 目标资源URL,必需属性
·41·
续表
属 性属性值(含义) 说 明
target
_blank(新窗口,默认)
_parent(父窗口)
_self(当前窗口)
_top(浏览器窗口)
framename(框架)
超链接目标出现的目标窗口,可选属性
默认情况下,具有超链接的文本会自动增加下画线,并且文本颜色为蓝色。具有超链接
的图片会自动带有粗边框。鼠标指针移到带有超链接的文本或图片上时,鼠标指针会变成
手形,浏览器窗口中的状态栏会显示链接的目标资源URL。单击带有超链接的文本后,超
链接文本会变成暗红色。单击带有超链接的文本或图片,链接的目标会在浏览器窗口中出
现,以供浏览或下载。
目标文件的类型可以是.html的网页文件,也可以是其他类型的文件。如果浏览器可
以识别该类型文件,如.html、图片文件等,则直接在浏览器中显示该文件。如果浏览器不能
识别该类型文件,如Word文件、压缩文件等,则浏览器中会弹出【文件下载】对话框,可以下
载文件后查看。
【例5-1】 链接到文件示例。示例代码(5-1.html)如下。
例5-1 链接到文件示例
外部链接,文本链接到百度网站首页
内部链接,图片链接到同目录的网页
内部链接,文本链接到图片文件
内部链接,文本链接到视频文件
内部链接,文本链接到压缩文件
示例代码(5-1-1.html)如下。
例5-1 链接到文件示例
这是链接的目标网页
·42·
浏览器中5-1.html网页显示效果如图5.1所示。单击网页上不同的链接,可以查看链
接的目标资源。
图5.1 链接到文件示例
5.2.2 锚点链接
锚点链接又称为书签链接。锚点链接中,链接到的目标是网页中指定的位置。锚点链
接可以链接到同一页面的指定位置,也可以链接到不同页面的指定位置。锚点链接通常用
于在内容比较庞大烦琐的网页内实现快速定位。使用锚点链接需要先建立锚点,再用超链
接标记的href属性设置目标锚点。
1.创建锚点
超链接标记中用name属性或者id属性创建锚点,其语法格式如下。
目标位置元素
或者
目标位置元素
也可以直接在目标位置的元素标记中创建锚点,其语法格式如下。
<标记id="锚点名称">目标位置元素
2.设置锚点链接
从起始元素超链接到锚点,要设置起始元素的href属性值。如果锚点在同一网页,则
href属性值为“#锚点名称”,如果链接到不同文件的锚点,则href属性值要为“目标文件#
锚点名称”。设置超链接到锚点的语法格式如下。
起始元素
或者
·43·
起始元素
【例5-2】 锚点链接示例。示例代码(5-2.html)如下。
例5-2 锚点链接示例
目录
第一章 < a href="# c2"> 第二章 < a
href="#c3">第三章 第四章 < a href
="#c5">第五章
第六章 < a href="# c7"> 第七章 < a
href="#c8">第八章 第九章 < a href
="#c10">第十章
正文
杭州,简称"杭",古称临安、钱塘,是浙江省省会、副省级市、杭州都市圈核心城市,国务院批复确
定的中国浙江省省会和全省经济、文化、科教中心、长江三角洲中心城市之一。
杭州自秦朝设县治以来,已有2200 多年的历史,曾是吴越国和南宋的都城,是中国八大古都之
一。因风景秀丽,素有"人间天堂"的美誉。杭州得益于京杭运河和通商口岸的便利,以及自身发达
的丝绸和粮食产业,历史上曾是重要的商业集散中心。后来依托沪杭铁路等铁路线路的通车以及上
海在进出口贸易方面的带动,轻工业发展迅速。
杭州人文古迹众多,西湖及其周边有大量的自然及人文景观遗迹。其中主要代表性的独特文化
有西湖文化、良渚文化、丝绸文化、茶文化,以及流传下来的许多故事传说成为杭州文化代表。
第三章
2018 年世界短池游泳锦标赛、2022 年亚运会将在杭州举办。2018 年11 月26 日,获得中国最
具幸福感城市称号。
...........其余章节文字省略..........
第十章
杭州地处中国华东地区、钱塘江下游、东南沿海、浙江北部、京杭大运河南端,是环杭州湾大湾区
核心城市、沪嘉杭科创走廊中心城市、国际重要的电子商务中心。
浏览器中网页显示效果如图5.2所示。单击目录中的章节标题,链接的锚点位置处的
内容会显示在浏览器窗口中。
5.2.3 热区链接标记 