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

猜你喜欢

转载自blog.csdn.net/TNANDXYF/article/details/113182500