html中优化超链接标签,html中的超链接标签

html中的超链接标签

超链接的概念

超链接的分类

外部超链接的语法格式

外部超链接的其他类型

超链接的设置

超链接标签属性及target属性

图片链接百度网址

嵌入图像的标签及属性

页内链接

页内链接的设置

相关概念选择题及参考答案

选择题

参考答案

超链接的概念

超链接是指从一个网页指向一个目标的连接关系，这个目标可以是另一个网页，也可以是相同网页上的不同位置，还可以是一个图片，一个电子邮件编辑器，一个音频或视频文件，甚至是一个应用程序。

设置一个超链接，至少需要两个基本要素：

链源：引起跳转的原因

链宿：要跳转的目标

超链接的分类

按照链源的种类来划分，超链可以有以下形式：

热字超链接：文本中被指定具有特殊含义或需要进一步解释的文字，触发这些文字可得到进一步的解释和说明。

热图超链接：一些具有特殊含义的图像，触发这些图像可以得到一个大图或者执行某种操作。

热区超链接：在图像的显示区上指明一个敏感区域，触发这个区域就能转移到另一个更为详尽的描述页面。

热点超链接：时基类媒体在时间轴上的点，触发该热点将从该点处继续播放。

热属性超链接：关系数据库中的属性，当属性值达到触发要求时将引起超链接。

按照链宿与网页的位置关系来划分，可以分两大类：

外部超链接：从当前HTML文档跳转到另一HTML文档或其他位置。

内部超链接：从当前HTML文档的某一位置跳到另一位置。 按照链宿的具体表现，外部链接可以是打开一个新的网页、一个图片，一个电子邮件编辑器，一个音频或视频文件，甚至是一个应用程序等；内部链接可以是跳转到页内的锚点、设置页内的空链接(可用于绑定事件)等。

外部超链接的语法格式

设置外部超链接的基本格式如下：

链源和链宿的设置

热字超链接，链源由对应的文本构成，外部超链接的链宿为目标文件的路径，例如链宿的绝对路径为https://www.baidu.com的话，可用下面的代码实现：

外部超链接的其他类型

外部超链接不仅可以打开网页，还可以打开图像、音乐和视频等文件，浏览器可以自动识别文件的后缀，从而确定打开的目标文件类型。不管何种类型设置超链接链源和链宿的方法都相同。这里不再赘述。

超链接的设置

使用标记可以实现网页超链接，基本语法结构如下：

对于外部超链接，链宿是目标文件的路径，可以用绝对路径或相对路径方式提供。

如果链接目标为电子邮件编辑器，基本语法结构为：

超链接标签属性及target属性

超链接标签的属性主要有：

href：设置链宿的路径

name：创建文档内的书签

title：指向链接的提示信息

target：指定打开的目标窗口

在超链接标签中通过href属性设置链宿的路径，通过target属性设置打开目标的窗口，其取值可以是：_blank、_parent 、_self 、_top 和框架名。

target属性的取值及含义如下图所示：

值

描述

_blank

在新窗口中打开被链接文档。

_self

在相同的框架中打开被链接文档

_parent

在父框架集中打开被链接文档

_top

在整个窗口中打开被链接文档

framename

在指定的框架中打开被链接文档

图片链接百度网址

嵌入图像的标签及属性

用图像作为超链接的链源，可使用img标签来嵌入图像，该标签常用的属性有：src、alt、border、title、width、height等。

页内链接

从当前HTML文档的某一位置跳到另一位置的链接称为页内链接。

页内链接的设置

页内链接的设置有两个步骤：

1.在目标位置处设置锚点，若锚点名称为“name1”,代码如下：

2.设置指向锚点位置的超链接，若链源热字为”跳转至name1”,代码如下：

相关概念选择题及参考答案

选择题

1、在HTML中，下面是超链接标签的是( )。

B、

...

C、

...

D、

...

2、下列选项中，用于设置超链接链宿路径的属性是( )。

A、

src

B、

href

C、

name

D、

title

3、在HTML中，若点击超链接时，弹出一个新的网页窗口，下列选项符合要求的是( )。

4、下列关于锚点的描述，正确的是( )。

A、

命名锚点使用的标签为

B、

命名锚点使用的标签为锚点名称

C、

使用锚点只能链接文档的文本

D、

使用锚点可以链接当前文档的指定位置，也可以链接其他内容中的指定位置

参考答案

1、D

2、B

3、C

4、A