超链接的使用

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

文章目录

• 前言
• 一、超链接
• 1.标签名 a
• 2.重要属性
  • 2.1 href: 设置跳转的地址
  • 2.2 target：设置新页面显示位置
  • 2.3 title：设置鼠标悬停时的提示
• 总结

---

前言

示例：超级链接简单来讲，就是指按内容链接。

超级链接在本质上属于一个网页的一部分，它是一种允许我们同其他网页或站点之间进行连接的元素。各个网页链接在一起后，才能真正构成一个网站。所谓的超链接是指从一个网页指向一个目标的连接关系，这个目标可以是另一个网页，也可以是相同网页上的不同位置，还可以是一张图片，一个电子邮件地址，一个文件，甚至是一个应用程序。而在一个网页中用来超链接的对象，可以是一段文本或者是一张图片。当浏览者单击已经链接的文字或图片后，链接目标将显示在浏览器上，并且根据目标的类型来打开或运行。

---

提示：以下是本篇文章正文内容，下面案例可供参考

一、超链接

 1.标签名 a

代码如下（示例）：

<a href=""></a>

2.重要属性

2.1 href: 设置跳转的地址

              绝对路径：与当前文件（超链接书写的文件）位置无关

                   比如：网址 从c盘开始等

代码如下（示例）：

     <!-- 绝对路径 -->

     <a href="https://www.jd.com"">点击跳转</a>

     <a href="C:\Users\11249\Desktop\web前端.html">点击跳转</a>

               相对路径：与当前文件（超链接书写的文件）位置有关

                    同一个目录（文件夹）下：

                          ./代表统一目录或者取消./,直接写文件名

                    不在同一个目录

                         ../代表上一个目录（文件夹），可以写多个，一个../代表向上一级

代码如下（示例）：

     <!-- 相对路径 -->

     <a href="./04相对路径.html">点击跳转</a>

 2.2 target：设置新页面打开位置，默认是刷新当前页面，重新加载页面

                  _blank   在新的窗口显示

                  _self   在当前窗口显示

                  _parent   在父窗口打开链接的网页

                  _top   在当前的整个浏览器窗口中打开所链接的文档，因而会删除所有框架 

 2.3 title：设置鼠标悬停时的提示

<a href="" title="悬停提示">点击跳转</a>

---

总结

提示：以上就是今天要讲的内容，本文仅仅简单介绍了超链接的基础属性和使用方法。