超链接是互联网提供的最令人兴奋的创新之一，它们从一开始就一直是互联网的一个特性，使互联网成为互联的网络。HTML超链接也是各个网站网页之间实现相互连接的一个手段之一，被广泛应用在各大网站。

HTML超链接使我们能够将我们的文档链接到任何其他文档（或其他资源），也可以链接到文档的指定部分，我们可以在一个简单的网址上提供应用程序（与必须先安装的本地应用程序或其他东西相比）。几乎任何网络内容都可以转换为链接，点击（或激活）超链接将使网络浏览器转到另一个网址（URL）。URL 可以指向 HTML 文件、文本文件、图像、文本文档、视频和音频文件以及可以在网络上保存的任何其他内容。 如果浏览器不知道如何显示或处理文件，它会询问您是否要打开文件（需要选择合适的本地应用来打开或处理文件）或下载文件（以后处理它）。

HTML超链接大致分为以下7类：

1、简单链接

<a href=”链接地址” title=”大师级WordPress主题”>主题巴巴</a>

注释：title的作用是当我们把鼠标停在 主题巴巴 上时，会弹出一个提示文本框：大师级WordPress主题

 

2、新窗口打开链接

将 target 设置成 _blank 时，点击这个链接，浏览器会新开一个窗口打开该网页，相较于简单链接就是多了个target=”_blank”

<a href=”主题巴巴” title=”大师级WordPress主题” target=”_blank”>主题巴巴</a>

注释：当然这里的 target 属性还可以设置成其他值。

 

3、 返回页面顶部链接

<a href=”#”>返回页面顶部</a>

注释：这里的 # 后边是可以加东西的，可以是文档中某个元素的 ID，也可以是某个标题等等（但前提是这些东西要唯一，不然没办法定位到具体位置）。

 

4、 图片链接

定义<a> 标签定义超链接，用于从一张页面链接到另一张页面。

<a href=”链接的地址”><img src=”图片的URL” width=”图片的宽度” height=”图片的高度” border=”边框”></a>

 

5、下载链接

<a href=”https://……下载的链接” download>下载</a>

注释：当我们点击“下载”二字时，就会自动下载这个链接的东西。

 

6、电话链接

<a href=”tel:+86177******”>打电话给主题巴巴客服</a>

注释：当用户是手机浏览页面时，点击“打电话给主题巴巴客服”，手机就会自动拨号到这个号码，PC端则会跳出电话号码。

 

7、 Email 链接

<a href=”mailto:olizhao@qq.com”>发邮件给主题巴巴客服</a>

注释：当点击“发邮件给主题巴巴客服”时，则自动打开邮箱跳转到写信页面；

<a href=”mailto:olizhao@qq.com” cc=”seema.qdywxs@gmail.com”>发邮件给 Oli 并抄送给 Seema</a>

注释：当点击“发邮件给主题巴巴客服并抄送给 ztbb”，则自动打开邮箱跳转到写信页面并填好抄送人。

HTML超链接是HTML技术中非常重要的一个知识点，几乎所有的网站多多少少都有上述的几种超链接存在，也是互联网的特性之一。