1.1.1.超链接标签

heartlife

已于 2023-12-03 13:18:36 修改

阅读量80

点赞数

分类专栏： 1.前端文章标签：前端

于 2023-12-03 13:17:28 首次发布

本文链接：https://blog.csdn.net/qq_28121773/article/details/134763849

版权

1.前端专栏收录该内容

3 篇文章 0 订阅

订阅专栏

一.介绍

<a></a>

实现页面的跳转功能

属性：

href：控制跳转的目标位置
target：_self 在自身页面打开（默认）； _blank 在空白页面打开

二.功能

实现目标链接

比如跳转到本地或者网络页面

<a href="本地页面.html">本地页面</a>   <!--跳转到本地资源-->
<a href="https://www.baidu.com" target="_self">百度</a><!--跳转到网络资源-->

导航锚点

除了上述可以跳转页面外，还可以跳转到页面的指定位置。这就是“锚点”

<a name="2F"></a>
    <h1>手机</h1>
    <p>华为</p>
    <p>小米</p>
<a name="2F"></a>
    <h1>化妆品</h1>
    <p>蜂花</p>
    <p>百雀羚</p>    <!--设置锚点-->

<a href="设置锚点.html#2F">锚点导航</a>   <!--锚点导航-->

附：

本地页面.htm:

<html> 
        <head></head> 
        <body> 
                this is my first html.... 
        </body> 
</html>

主页面.htm:

<html> 
        <head></head> 
        <body> 
                <a href="本地页面.htm">本地页面</a>   <!--跳转到本地资源-->
                <a href="https://www.baidu.com" target="_self">百度</a><!--跳转到网络资源-->
        </body> 
</html>