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

简介: HTML超链接大致分为以下7类

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


相关文章
|
10月前
如何在HTML文件中添加超链接
如何在HTML文件中添加超链接
236 0
|
5月前
|
JavaScript 前端开发 UED
HTML 超链接的多种类型及应用
【10月更文挑战第17天】HTML 超链接类型丰富多样,它们共同构成了网页中不可或缺的导航和交互元素。通过合理地选择和运用这些超链接类型,我们可以为用户创造更加流畅和便捷的浏览体验,提升网站的可用性和吸引力。
219 1
|
5月前
|
前端开发
【HTML】img标签和超链接标签
【HTML】img标签和超链接标签
87 2
|
6月前
|
前端开发 Windows
【前端web入门第一天】02 HTML图片标签 超链接标签 音频标签 视频标签
本文档详细介绍了HTML中的图片、超链接、音频和视频标签的使用方法。首先讲解了`&lt;img&gt;`标签的基本用法及其属性,包括如何使用相对路径和绝对路径。接着介绍了`&lt;a&gt;`标签,用于创建超链接,并展示了如何设置目标页面打开方式。最后,文档还涵盖了如何在网页中嵌入音频和视频文件,包括简化写法及常用属性。
97 13
|
6月前
HTML的超链接
HTML的超链接。
66 6
|
6月前
|
C++ Windows
HTML+JavaScript构建C++类代码一键转换MASM32代码平台
HTML+JavaScript构建C++类代码一键转换MASM32代码平台
|
8月前
|
前端开发
HTML 超链接
【7月更文挑战第1天】HTML 超链接。
76 1
|
8月前
HTML【详解】超链接 a 标签的四大功能(页面跳转、页内滚动【锚点】、页面刷新、文件下载)
HTML【详解】超链接 a 标签的四大功能(页面跳转、页内滚动【锚点】、页面刷新、文件下载)
388 0
|
前端开发
前端第二课,HTML,alt,title,width/heigh,border,<a>超链接,target,tr,td,th
前端第二课,HTML,alt,title,width/heigh,border,<a>超链接,target,tr,td,th
|
10月前
|
前端开发
HTML 超链接
HTML 超链接。
121 32