• 技术文章 >web前端 >html教程

    HTML链接的功能

    (*-*)浩(*-*)浩2019-08-27 16:09:22原创1666
    HTML使用超级链接与网络上的另一个文档相连。

    几乎可以在所有的网页中找到链接。点击链接可以从一张页面跳转到另一张页面。

    大前端成长进阶课程:进入学习

    HTML 超链接(链接)(推荐学习:HTML入门教程)

    超链接可以是一个字,一个词,或者一组词,也可以是一幅图像,您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。

    当您把鼠标指针移动到网页中的某个链接上时,箭头会变为一只小手。

    我们通过使用 <a> 标签在 HTML 中创建链接。

    有两种使用 <a> 标签的方式:

    通过使用 href 属性 - 创建指向另一个文档的链接

    通过使用 name 属性 - 创建文档内的书签

    HTML 链接语法

    链接的 HTML 代码很简单。它类似这样:

    <a href="url">Link text</a>

    href 属性规定链接的目标。

    开始标签和结束标签之间的文字被作为超级链接来显示。

    实例

    <a href="http://www.w3school.com.cn/">Visit W3School</a>

    点击这个超链接会把用户带到 W3School 的首页。

    提示:"链接文本" 不必一定是文本。图片或其他 HTML 元素都可以成为链接。

    HTML 链接 - name 属性

    name 属性规定锚(anchor)的名称。

    您可以使用 name 属性创建 HTML 页面中的书签。

    书签不会以任何特殊方式显示,它对读者是不可见的。

    当使用命名锚(named anchors)时,我们可以创建直接跳至该命名锚(比如页面中某个小节)的链接,这样使用者就无需不停地滚动页面来寻找他们需要的信息了。

    命名锚的语法:

    <a name="label">锚(显示在页面上的文本)</a>

    提示:锚的名称可以是任何你喜欢的名字。

    提示:您可以使用 id 属性来替代 name 属性,命名锚同样有效。

    以上就是HTML链接的功能的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。

    前端(VUE)零基础到就业课程:点击学习

    清晰的学习路线+老师随时辅导答疑

    自己动手写 PHP MVC 框架:点击学习

    快速了解MVC架构、了解框架底层运行原理

    专题推荐:HTML
    上一篇:HTML如何使用CSS 下一篇:自己动手写 PHP MVC 框架(40节精讲/巨细/新人进阶必看)

    相关文章推荐

    • ❤️‍🔥共22门课程,总价3725元,会员免费学• ❤️‍🔥接口自动化测试不想写代码?• html css3是什么• 怎么在html增加css• HTML5 中使用浏览器进行离线语音合成以及使用在线免费语音合成进行朗读• html点击网页任意位置跳转到新链接并保留原网页的代码
    1/1

    PHP中文网