HTML-----超链接简介

超链接

1.简介

使用超链接可以从一个页面跳转到另一个页面，实现页面之间的跳转

当鼠标移动超链接文本上时，鼠标箭头会变成一只小手

超链接有三种类型：

• 普通链接/页面间链接：跳转到另一个页面
• 锚链接：跳转到锚点（同一页面下的某个位置）
• 功能链接：实现特殊功能（发邮件，下载）

2.基本用法

使用<a> 标签创建超链接

语法格式：

<a href="链接地址" target="链接打开的位置">链接文本或图像</a>

常见属性：

href链接地址或路径：链接地址

target链接打开的位置，取值：

_self自身，当前，默认值 _blank空白、新的页面  _parent父层框架 _top顶层框架 自定义

路径分类：

• 相对路径

  相对于当页面所在的路径为参照，不是以根开始的

  ./当前路径

  …/表示上级路径

• 绝对路径：

  以根开始的路径

3.锚链接

3.1简介

点击链接后跳转到页面的指定位置（锚点anchor）

锚链接的分类

• 页面内的锚链接
• 页面间的锚链接

3.2页面内的锚链接

步骤：

​ 1.定义锚点（标记）

 <a name="锚点名称">目标位置</a>

​ 2.锚点链接

 <a href="#锚点名称">链接文本</a>

​ 3.页面间的锚链接

 <a href="目标页面#锚点名称">链接文本</a>

lank空白、新的页面 _parent父层框架 _top顶层框架 自定义

路径分类：

- 相对路径

  相对于当页面所在的路径为参照，不是以根开始的

  ./当前路径

  ../表示上级路径

- 绝对路径：

  以根开始的路径



#### 3.锚链接

##### 3.1简介

点击链接后跳转到页面的指定位置（锚点anchor）

锚链接的分类

- 页面内的锚链接
- 页面间的锚链接

##### 3.2页面内的锚链接

步骤：

​	1.定义锚点（标记）

```html 
 <a name="锚点名称">目标位置</a>

​ 2.锚点链接

 <a href="#锚点名称">链接文本</a>

​ 3.页面间的锚链接

 <a href="目标页面#锚点名称">链接文本</a>

​ 4.功能链接