html中的超链接标签
超链接的概念
超链接是指从一个网页指向一个目标的连接关系,这个目标可以是另一个网页,也可以是相同网页上的不同位置,还可以是一个图片,一个电子邮件编辑器,一个音频或视频文件,甚至是一个应用程序。
设置一个超链接,至少需要两个基本要素:
- 链源:引起跳转的原因
- 链宿:要跳转的目标
超链接的分类
按照链源的种类来划分,超链可以有以下形式:
- 热字超链接:文本中被指定具有特殊含义或需要进一步解释的文字,触发这些文字可得到进一步的解释和说明。
- 热图超链接:一些具有特殊含义的图像,触发这些图像可以得到一个大图或者执行某种操作。
- 热区超链接:在图像的显示区上指明一个敏感区域,触发这个区域就能转移到另一个更为详尽的描述页面。
- 热点超链接:时基类媒体在时间轴上的点,触发该热点将从该点处继续播放。
- 热属性超链接:关系数据库中的属性,当属性值达到触发要求时将引起超链接。
按照链宿与网页的位置关系来划分,可以分两大类:
- 外部超链接:从当前HTML文档跳转到另一HTML文档或其他位置。
- 内部超链接:从当前HTML文档的某一位置跳到另一位置。 按照链宿的具体表现,外部链接可以是打开一个新的网页、一个图片,一个电子邮件编辑器,一个音频或视频文件,甚至是一个应用程序等;内部链接可以是跳转到页内的锚点、设置页内的空链接(可用于绑定事件)等。
外部超链接的语法格式
设置外部超链接的基本格式如下:
<a href="链宿">链源</a>
链源和链宿的设置
热字超链接,链源由对应的文本构成,外部超链接的链宿为目标文件的路径,例如链宿的绝对路径为https://www.baidu.com的话,可用下面的代码实现:
<a href="https://www.baidu.com">点一下试试</a>
外部超链接的其他类型
外部超链接不仅可以打开网页,还可以打开图像、音乐和视频等文件,浏览器可以自动识别文件的后缀,从而确定打开的目标文件类型。不管何种类型设置超链接链源和链宿的方法都相同。这里不再赘述。
超链接的设置
使用<a>
标记可以实现网页超链接,基本语法结构如下:
<a href="链宿">链源</a>
对于外部超链接,链宿是目标文件的路径,可以用绝对路径或相对路径方式提供。
如果链接目标为电子邮件编辑器,基本语法结构为:
<a href="mailto:邮箱地址">链源</a>
对于内部超链接,需要首先使用name属性为目标位置设置一个锚标识,然后再设置指向该标识的内部超链接。基本语法结构如下:
<a name="锚点名称"></a>
<a href="#锚点名称">链源</a>
超链接标签属性及target属性
超链接标签的属性主要有:
- href:设置链宿的路径
- name:创建文档内的书签
- title:指向链接的提示信息
- target:指定打开的目标窗口
在超链接标签<a>
中通过href属性设置链宿的路径,通过target属性设置打开目标的窗口,其取值可以是:_blank、_parent 、_self 、_top 和框架名。
target属性的取值及含义如下图所示:
值 | 描述 |
---|---|
_blank | 在新窗口中打开被链接文档。 |
_self | 在相同的框架中打开被链接文档 |
_parent | 在父框架集中打开被链接文档 |
_top | 在整个窗口中打开被链接文档 |
framename | 在指定的框架中打开被链接文档 |
图片链接百度网址
嵌入图像的标签及属性
用图像作为超链接的链源,可使用img标签来嵌入图像,该标签常用的属性有:src、alt、border、title、width、height等。
页内链接
从当前HTML文档的某一位置跳到另一位置的链接称为页内链接。
页内链接的设置
页内链接的设置有两个步骤:
1.在目标位置处设置锚点,若锚点名称为“name1”,代码如下:
<a name="name1"></a>
2.设置指向锚点位置的超链接,若链源热字为”跳转至name1”,代码如下:
<a href="#name1">跳转至name1</a>
相关概念选择题及参考答案
选择题
1、在HTML中,下面是超链接标签的是( )。
A、
<a>...</a>
B、
<img>...</img>
C、
<font>...</font>
D、
<p>...</p>
2、下列选项中,用于设置超链接链宿路径的属性是( )。
A、
src
B、
href
C、
name
D、
title
3、在HTML中,若点击超链接时,弹出一个新的网页窗口,下列选项符合要求的是( )。
A、
<a href="right.html" target="_self">看一看</a>
B、
<a href="right.html" target="_parent">看一看</a>
C、
<a href="right.html" target="_blank">看一看</a>
D、
<a href="right.html" target="_top">看一看</a>
4、下列关于锚点的描述,正确的是( )。
A、
命名锚点使用的标签为
B、
命名锚点使用的标签为锚点名称
C、
使用锚点只能链接文档的文本
D、
使用锚点可以链接当前文档的指定位置,也可以链接其他内容中的指定位置
参考答案
1、D
2、B
3、C
4、A