html基础-超链接

本文内容

1.超链接的使用
2.相对路径
3.如何跳转到当前页面的指定位置

知识点聚焦

0x01 超链接
        超链接可以让我们从一个页面跳转到其他页面，或者是当前页面的其他位置。

        使用<a></a>标签定义超链接，是一个行内元素，在a标签中可以嵌套除它身外的任何元素
            属性：href 指定跳转的目标路径，它的值有以下几种情况
                1.值可以是一个外部网站的地址（http://或https://协议）
                2.也可以是一个内部页面地址（file://协议）
                3.值为：#时，转到当前页面的顶部的位置
                4.值为：javascript:; 充当一个占位符的作用,不指向任何地方

        target属性，用来指定超链接打开的位置
                可选值：
                    _self 缺省值，在当前页面打开超链接
                    _blank 在一个新的标签页中打开超链接

0x02 相对路径
        当我们需要跳转一个服务器内部的页面时，一般我们都会使用相对路径

0x03 如何跳转到当前页面的指定位置？
         只需要将href属性设置为目标元素的id属性值
         	id属性（唯一不重复）
         	每一个标签都可以添加一个id属性
         	是元素的标识唯一标识，通过一个页面中不能出现重复的id属性

具体代码

<!--a标签的使用-->
<a href="https://www.taobao.com/">跳转到京东</a>
<br><br>
<a href="块元素和行内元素.html">这是file协议</a>
<br><br>
<a href="https://www.taobao.com/" target="_blank">打开新的标签页</a>

<p id="p1"> 第1段：—————————————————我爱祖国，因为祖国是我的家，因为祖国养育我。我是一名少先队员，也是祖国的希望。我去过纪念塔，那里耸立着高高的纪念碑，我战士们献过白花，因为没有他们就没有我们今天，就没有我们美好的祖国。
我要好好学习，不浪费，一分一秒，我要为祖国争光，不给祖国抹黑。我要把祖国的历史文明，一代一代的传下去，让祖国更加繁荣富强。
我要为我的家乡着想，家在哪里我就在哪里。我要从小事做起，一点一点的去做。要有团体感，要有集体感，要团结我们的国家才更加强大。祖国养育了我，教育了我，我一定会不辜负祖国对我的期望。
</p>
<p id="p2"> 第2段：—————————————————— 我爱祖国，因为祖国是我的家，因为祖国养育我。我是一名少先队员，也是祖国的希望。我去过纪念塔，那里耸立着高高的纪念碑，我战士们献过白花，因为没有他们就没有我们今天，就没有我们美好的祖国。
我要好好学习，不浪费，一分一秒，我要为祖国争光，不给祖国抹黑。我要把祖国的历史文明，一代一代的传下去，让祖国更加繁荣富强。
我要为我的家乡着想，家在哪里我就在哪里。我要从小事做起，一点一点的去做。要有团体感，要有集体感，要团结我们的国家才更加强大。祖国养育了我，教育了我，我一定会不辜负祖国对我的期望。
</p>
<a href="#">回到顶部</a>