帮助中心

这里有最新的使用文档和教程

< 返回

HTML超链接有哪些类?

2023-04-20 19:15 作者:31IDC 阅读量:403 所属分类:域名相关

HTML超链接有哪些类?HTML超链接大致分为以下7类:

 

1、简单链接

 

<a href="这里写链接地址" title="前端一万小时">知乎:itsOli</a>

 

<!-- 注释:这里的 title 属性,作用是:当我们把鼠标停在 itsOli 上时,会弹出一个文本框:

 

前端一万小时。 --> 

 

 

 

2、外部链接

 

将 target 设置成 _blank 时,点击这个链接,浏览器会新开一个窗口打开该网页:

 

<a href="这里写链接地址" title="前端一万小时" target="_blank">知乎:itsOli</a>

 

<!-- 注释:当然这里的 target 属性还可以设置成其他值。--> 

 

 

 

3、 返回页面顶部链接

 

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

 

<!-- 注释:这里的 # 后边是可以加东西的,可以是文档中某个元素的 ID,也可以是某个标题等等(但前

 

提是这些东西要唯一,不然没办法定位到具体位置)。 --> 

 

 

 

4、 图片链接

 

用图片来作为链接可点击的对象。

 

 

 

5、下载链接

 

<a href="https://……这里放下载的链接" download>下载</a>

 

<!-- 注释:当我们点击“下载”二字时,就会自动下载这个链接的东西。 -->   

 

 

 

6、电话链接

 

<a href="tel:+86177******">打电话给 Oli</a>

 

<!-- 注释:当用户是手机浏览页面时,点击“打电话给 Oli”,手机就会自动拨号到这个号码。 -->

 

 

 

7、 Email 链接

 

<a href="mailto:olizhao@qq.com">发邮件给 Oli</a>

 

<!-- 注释:当点击“发邮件给 Oli ”时,则自动打开邮箱跳转到写信页面; -->

 

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

 

<!-- 注释:当点击“发邮件给 Oli 并抄送给 Seema”,则自动打开邮箱跳转到写信页面并填好抄送人。 -->

 

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

 

31IDC - 12 年深耕海外 IDC 高端资源