a标签

最新推荐文章于 2024-10-17 15:53:46 发布

明明吃了饭

最新推荐文章于 2024-10-17 15:53:46 发布

阅读量79

点赞数

分类专栏：前端学习文章标签： html html5

本文链接：https://blog.csdn.net/qq_44851613/article/details/116027342

版权

前端学习专栏收录该内容

5 篇文章 0 订阅

订阅专栏

锚链接

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>href</title>
</head>

<body>
    <!-- 锚点到 bottom位置 -->
    <a href="#bottom">去bottom位置</a>
    <!-- 
        锚链接
        ./
        ../ 相对于当前位置回退一个目录
     -->
    <a href="1.mate.html">相对路径</a>
    <br>
    <!-- 
        / 绝对路径
     -->
    <a href="G:\code\vs-code\html-css\01.html\1.mate.html">绝对路径</a>
    <br>
    <!-- 
        外联路径
     -->
    <a href="http://www.baidu.com">外联路径</a>
    <br>
    <!-- 
        target
     -->
    <a href="1.mate.html" target="_blank">跳转到新页面打开</a>
    <br>
    <a href="1.mate.html" target="_self">在当前页面打开</a>
    <br>

    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatibus unde a architecto sed iusto vel consequatur
        ipsam facilis vitae. Recusandae consequuntur rerum iste culpa itaque odio eius blanditiis ducimus aliquid?</p>
    <!-- 
        ##
        ### 无作用
        javascript:;  空js不做任何事
     -->
    <a href="javascript:;">无作用</a>
    <br>
    <a id="bottom" href="#">去顶部</a>
</body>

</html>