详解HTML超链接

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

大家好,又见面了,我是你们的朋友全栈君。

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

HTML超链接使我们能够将我们的文档链接到任何其他文档(或其他资源),也可以链接到文档的指定部分,我们可以在一个简单的网址上提供应用程序(与必须先安装的本地应用程序或其他东西相比)。几乎任何网络内容都可以转换为链接,点击(或激活)超链接将使网络浏览器转到另一个网址(URL)。URL 可以指向 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技术中非常重要的一个知识点,几乎所有的网站多多少少都有上述的几种超链接存在,也是互联网的特性之一。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/154349.html原文链接:https://javaforall.net

(0)
上一篇 2022年7月4日 下午3:00
下一篇 2022年7月4日 下午3:00


相关推荐

  • MySQL——删除索引

    MySQL——删除索引1 nbsp 使用 nbsp ALTER nbsp TABLE nbsp 语句删除索引 nbsp nbsp 语法格式 nbsp nbsp ALTER nbsp TABLE nbsp table name nbsp nbsp DROP nbsp INDEX nbsp index name 例 删除 nbsp score nbsp 表中的名为 nbsp id nbsp 的普通索引 首先查看 nbsp score nbsp 表 Table CreateTable

    2025年11月23日
    6
  • 总结thinkphp快捷查询getBy、getField、getFieldBy用法及场景

    总结thinkphp快捷查询getBy、getField、getFieldBy用法及场景

    2021年10月19日
    69
  • js 字符串转数组,js 字符串截取

    js 字符串转数组,js 字符串截取js字符串转数组:varstring="20170524191718-173910&amp;135562983280&amp;1";varstr=string.split("&amp;");console.log(str);结果显示:console.log(str[2]);//1js字符串截取:varfilename=$("#"+fileid).v…

    2022年6月3日
    42
  • MAC双系统如何切换_mac双系统怎么进入mac系统

    MAC双系统如何切换_mac双系统怎么进入mac系统Mac上面安装双系统是一个很常见的系统选择方案。双系统之间的切换对于使用Mac的用户都不会陌生,但是对于许多初次接触Mac系统的用户而言,也有很多并不知道如何切换双系统,以及如何设置默认进入的系统。虽然只是一个很小的技巧,但是对于新接触Mac系统的用户如果不了解这个的话,那么使用中会有一定的麻烦。双系统的切换以及设置系统默认启动也有几种方法。-w+I4g$u#H#T1K一、开机按Op…

    2022年10月6日
    4
  • 虚拟服务器 emule,emule服务器

    虚拟服务器 emule,emule服务器emule服务器内容精选换一换生产站点服务器为SUSE操作系统,对该云服务器创建容灾演练后,发现容灾演练云服务器的网卡名称与生产站点服务器的网卡名称不一致。示例:操作系统为NovellSUSELinuxEnterpriseServer12SP364bit的生产站点服务器,挂载有5张网卡。登录生产站点服务器,查询网卡名称为eth0~eth4,如图1所示。创远程桌面协议(Remote…

    2022年6月15日
    30
  • Spring学习总结(一)入门

    一、Spring的概述1、什么是SpringSpring:SE/EE开发的一站式框架。一站式框架:有EE开发的每一层解决方案。WEB层 :SpringMVCService层 :Spring的Bean管理,Spring声明式事务DAO层 :Spring的Jdbc模板,Spring的ORM模块2、为什么学习Spring3、常用Spring的版本&amp;nbsp;&amp;…

    2021年11月30日
    61

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号