🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
[TOC] >[info]HTML 使用超级链接与网络上的另一个文档相连。 几乎可以在所有的网页中找到链接。点击链接可以从一张页面跳转到另一张页面。超链接可以是一个字,一个词,或者一组词,也可以是一幅图像,您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。 当您把鼠标指针移动到网页中的某个链接上时,箭头会变为一只小手。 ## 一、a标签 Html语法中最重要的标签之一。通过使用 href 属性,创建指向另外一个页面的链。通过使用id 属性,创建一个文档内部的文档片段的书签(可直接跳到文档指定位置--锚链接)。 ### 普通链接 ~~~ <a href="http://www.daniuit.com" target="_blank" title="显示">学并思</a> ~~~ **例子解释** * `href` 属性规定链接的目标 * 学并思 始标签和结束标签之间的文字被作为超级链接来显示。 * `target`定义被链接的文档在何处显示,`target="_blank"`新窗口打开 * `title`鼠标移过时显示的文字 ### 锚链接 给页面当中的某个特定位置添加标记,可以通过a链接直 接指向这个位置,经常用在页面内容比较多的情况。我们可以创建直接跳至该命名锚(比如页面中某个小节)的链接,这样使用者就无需不停地滚动页面来寻找他们需要的信息了。 ~~~ <div class="d1"> <a href="#mao1">点我跳转mao1</a> <div class="d2"> <a name="mao1">我是mao1</a> </div> </div> ~~~ **例子解释** * `<a name="mao1">`定义锚点 * `<a href="#mao1">`跳转到mao1这个位置 >[danger] **作业:**页面中增加a链接,指向百度,点击新窗口打开。在页面的底部设置一个锚点,点击跳转到顶部。