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


相关推荐

  • 。net 页面跳转大全

    。net 页面跳转大全①response.redirect这个跳转页面的方法跳转的速度不快,因为它要走2个来回(2次postback),但他可以跳转到任何页面,没有站点页面限制(即可以由雅虎跳到新浪),同时不能跳过登录保护。但速度慢是其最大缺陷!redirect跳转机制:首先是发送一个http请求到客户端,通知需要跳转到新页面,然后客户端在发送跳转请求到服务器端。需要注意的是跳转后内部空间保存的所有数据信息将会丢失…

    2022年7月20日
    15
  • 射灯怎么安装图解_牛眼灯安装图解法

    射灯怎么安装图解_牛眼灯安装图解法炫派照明多光色晶元芯片LED轨道灯,静音风扇智能散热,风神Ⅱ导轨射灯智能散热导轨射灯风神Ⅱ灯体支架高碳钢材质,连接牢固不易滑落,360度旋转顺畅,全方位调节照射角度,感受无死角的光线触感。与灯体主色彩射灯安装图示融为一体,统一的美感低调的华贵,烤漆漆皮带来舒适光滑的质感,使整个射灯看起来精致完美。雷士照明LED家居客厅轨道射灯,电视背景照明灯,TLN204黑白双色家居黑白轨道射灯雷士照明轨道射灯椭…

    2025年8月14日
    1
  • 使用RSS实现自动动漫更新提醒及下载(追番)

    使用RSS实现自动动漫更新提醒及下载(追番)喜欢追动漫番并且喜欢下载下来看和收藏的各位应该都有个觉得不方便的地方,那就是每天都得跑去下载的网站进行查看追的剧是否更新。而这并不是难受的地方,更麻烦的是还要记每部剧上个星期放到了第几集,有时候忘记看了,下个星期跳过了一集下载下来,打开看了才发现,然后还得回去下,这真是gay得一批。。好吧闲话有点多了。进入正题吧。作为程序狗的各位对这种需求自然有自己的解决办法,自己写程序进行定时检查是最直接

    2022年8月23日
    8
  • 杂谈 – 自定义搜索引擎

    杂谈 – 自定义搜索引擎在Firefox上,以{肯定被驳回}搜索引擎为例。{肯定被驳回}搜索引擎搜索英文关键词时,给出的也基本是英文,例如这样:看了几篇不符合自己的胃口,遂点击了左上角小提示:仅限简体中文结果,例如这样:发现第二篇就是自己想要的东西,遂想,中文的结果也不错,何不设置不管中英文关键字,都先输出中文呢?所以实现方式,就是:添加addcustomsearchengine。2.点击扩展图标其中,SearchURL为:为了避免被驳回,请自行输入。然后点击蓝色按钮。然后在Firefox的

    2022年7月13日
    20
  • Css3 阴影详解

    Css3 阴影详解box-shadow阴影语法:box-shadow:none|<shadow>[,<shadow>]*box-shadow:none/*设置none是表示没有

    2022年7月1日
    24
  • 深入理解java的finalize

    深入理解java的finalize基本预备相关知识 nbsp 1java 的 GC 只负责内存相关的清理 所有其它资源的清理必须由程序员手工完成 要不然会引起资源泄露 有可能导致程序崩溃 nbsp 2 调用 GC 并不保证 GC 实际执行 nbsp 3finalize 抛出的未捕获异常只会导致该对象的 finalize 执行退出 nbsp 4 用户以自己调用对象的 finalize 方法 但是这种调用是正常的方法调用 和对象的销毁过程无关 nbsp 5JVM 保证

    2025年6月6日
    2

发表回复

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

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