好好学习，天天向上

本章主要是HTML标签中，超级链接和锚点跳转的基础使用

一、超级链接

HTML 使用超级链接与网络上的另一个文档相连。 超链接可以是一个字，一个词，或者一组词，也可以是一幅图像，可以点击这些内容来跳转到新的文档或者当前文档中的某个部分

Ⅰ、超级链接标签

• 在 HTML 中使用 <a> 标签可以创建连接
• a 全称 anchor，锚的意思
• <a> 为双标签
• 作用：在指定的位置添加超级链接，提供用户进行点击和跳转
• <a> 标签可以实现两种跳转：跨页面跳转、页面内跳转。实现跳转的方式需要用到一些标签属性

Ⅱ、href属性

• href 全称 hypertext reference，超文本引用，用于规定链接的目标地址
• 属性值：链接目标的路径地址。可以使用相对路径或网址形式的绝对路径
• href 属性非常重要，<a> 标签要想实现点击跳转，必须设置该属性，拥有这个属性 <a> 标签在鼠标移上时才会显示一个小手指针状态

Ⅲ、target属性

• 使用target 属性，可以定义被链接的文档在何处跳转显示
• 属性只有两种：

1. _self: 默认值，表示跳转的页面在当前窗口打开，不会打开新的窗口
2. _blank: 空白的，表示跳转的页面在新窗口打开

Ⅳ、title 属性

• title设置的是鼠标悬停时的提示文本，与 <img> 标签类似
• 属性值：自定义的文字内容
• 该属性用于给用户进行提示，该链接的功能是什么，提高用户的体验

示例图：

二、锚点跳转

• 这种跳转方式实现的是从某个位置跳转到同页面的另一个位置
• 制作方法分为两种步骤，分别是设置锚点、添加链接
• 设置锚点，也就是设置跳转目标位置，有两种设置方式

1. 在目标位置找到任意一个标签，给它添加 id 属性， id 属性值必须唯一性
2. 在目标位置添加一个空的 <a> 标签， 只设置一个 name 属性， name 属性设置必须唯一性

• 添加链接到锚点，在需要点击的位置设置 <a> 标签，给 a 的 href 属性设置属性值为 #id 属性值 或者 # 加 a 的 name 属性值 完整的跨页面锚点路径

Ⅰ、跨页面锚点跳转

• 这种跳转方法综合了跨页面跳转和锚点跳转
• 制作方法也分为两个步骤，分别是设置锚点、添加链接

1. 设置锚点，方式与页面内锚点跳转一致，在目标网页的指定位置设置使用 id 或 name 属性
2. 链接到锚点，添加超级链接时 href 属性需要更改，属性值写为页面的路径 #id

示例：

index.html

demo.html