详解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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 思科配置VLAN的实例

    思科配置VLAN的实例在我们上面的环境,是一个传统的网络,所有的主机都在一个广播域地址,正是这个原因,使得网络当中的广播包,给整个网络带来巨大的压力。总之,在这种情况下,同一个vlan的主机可以通信,不同一个vlan的主机不可以通信。pc2和pc4同属vlan20,(同一个vlan的主机可以通信)VLAN就是虚拟局域网的意思,它的特点是灵活性高,可扩展性高。好了,我们有关于思科配置VLAN的实例就到这里了,谢谢大家。在sw1上将相应的接口加入到相应的vlan,(在sw2上将相应的接口加入到相应的vlan,(…

    2022年9月19日
    0
  • 谷歌浏览器驱动器下载网址

    谷歌浏览器驱动器下载网址chrome浏览器驱动下载地址:http://chromedriver.storage.proxy.ustclug.org/index.html

    2022年6月9日
    86
  • Jmeter并发测试_高并发测试

    Jmeter并发测试_高并发测试JMeter系统并发测试

    2022年9月30日
    0
  • datagrid激活码_在线激活

    (datagrid激活码)本文适用于JetBrains家族所有ide,包括IntelliJidea,phpstorm,webstorm,pycharm,datagrip等。IntelliJ2021最新激活注册码,破解教程可免费永久激活,亲测有效,下面是详细链接哦~https://javaforall.net/ide…

    2022年3月22日
    293
  • jmeter并发测试教程_jmeter高并发测试

    jmeter并发测试教程_jmeter高并发测试BeanShellSamplerBeanShellSampler我们添加一个beanshellsample,用java脚本将文件保存到本地注意:文件保存路径如果写成:C:\Users\feng\Desktop,会报错"TokenParsingError:Lexicalerror"正确格式:C:/Users/feng/De…

    2022年9月29日
    0

发表回复

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

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