超链接 相对路径

最新推荐文章于 2022-10-08 20:46:53 发布
最新推荐文章于 2022-10-08 20:46:53 发布
阅读量1.6k 收藏 7
点赞数 5
分类专栏： 前端学习 文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/MondayCui/article/details/108515237
版权

超链接简介

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>超链接</title>
</head>
<body>
    <!-- 
        超链接可以从一个页面跳转到另一个页面，或者当前页面的其他位置

        使用a标签来定义超链接
            属性：
                href 指定跳转的目标路径
                    - 值可以是一个外部网站的地址
                    - 也可以写一个内部页面的地址

        
        超链接是行内元素，但是可以嵌套任何的元素，除它本身之外
     -->

     <a href="http://www.baidu.com">百度</a>
     <br>
     <a href="shiti.html">同一目录下的超链接</a>
</body>
</html>

相对路径

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <!-- 
        当需要跳转一个服务器内部的页面时，一般会使用相对路径
            相对路径都会使用.或..开头
                ./
                ../
            ./可以省略不写，如果不写./也不写../则就相当于写了./

            ./ 表示当前文件所在的目录
                -- 在这里当前页面就是xiangduilujing.html
                -- ./就等于xiangduilujing.html所在目录path

            ../ 表示当前文件所在目录的上一级目录
     -->

     <a href="./target.html">超链接1</a>
     <br>
     <a href="./inner/target_inner.html">超链接2</a>
     <br>
     <a href="../outer/target_outer.html">超链接3</a>
     <br>
     <a href="../target_html.html">超链接4</a>
</body>
</html>

在这里插入图片描述

页面内跳转

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <!-- 
        target属性，用来指定超链接打开的位置
            可选值：
                _self 默认值，在当前页面中打开超链接
                _blank 在一个新的页面中打开超链接
     -->

     <a href="list.html" target="_blank">超链接</a>
     <br><br>
     <a href="#bottom">去底部</a>
     <br><br>
     <a href="#p2">去第二段</a>
     <br><br>
     <!-- 在开发中可以将#作为超链接的路径的占位符使用 -->
     <a href="#">这是一个新链接</a>
     <br><br>
     <!-- 可以使用javascript:;来作为href的属性，点击该链接什么也不会发生 -->
     <a href="javascript:;">什么也不会发生的链接</a>

     <p>111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</p>
     <p id="p2">111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</p>
     <p>111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</p>
     <p>111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</p>
     <p>111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</p>
     <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat unde ducimus suscipit atque, doloremque eius odio, perspiciatis ratione enim neque totam quidem sequi repudiandae dolor ipsam aliquam incidunt, obcaecati explicabo?</p>
     <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat unde ducimus suscipit atque, doloremque eius odio, perspiciatis ratione enim neque totam quidem sequi repudiandae dolor ipsam aliquam incidunt, obcaecati explicabo?</p>
     <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat unde ducimus suscipit atque, doloremque eius odio, perspiciatis ratione enim neque totam quidem sequi repudiandae dolor ipsam aliquam incidunt, obcaecati explicabo?</p>
     <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat unde ducimus suscipit atque, doloremque eius odio, perspiciatis ratione enim neque totam quidem sequi repudiandae dolor ipsam aliquam incidunt, obcaecati explicabo?</p>
     <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat unde ducimus suscipit atque, doloremque eius odio, perspiciatis ratione enim neque totam quidem sequi repudiandae dolor ipsam aliquam incidunt, obcaecati explicabo?</p>
     <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat unde ducimus suscipit atque, doloremque eius odio, perspiciatis ratione enim neque totam quidem sequi repudiandae dolor ipsam aliquam incidunt, obcaecati explicabo?</p>
     <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat unde ducimus suscipit atque, doloremque eius odio, perspiciatis ratione enim neque totam quidem sequi repudiandae dolor ipsam aliquam incidunt, obcaecati explicabo?</p>
     <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat unde ducimus suscipit atque, doloremque eius odio, perspiciatis ratione enim neque totam quidem sequi repudiandae dolor ipsam aliquam incidunt, obcaecati explicabo?</p>
     <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat unde ducimus suscipit atque, doloremque eius odio, perspiciatis ratione enim neque totam quidem sequi repudiandae dolor ipsam aliquam incidunt, obcaecati explicabo?</p>
     <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat unde ducimus suscipit atque, doloremque eius odio, perspiciatis ratione enim neque totam quidem sequi repudiandae dolor ipsam aliquam incidunt, obcaecati explicabo?</p>
     <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat unde ducimus suscipit atque, doloremque eius odio, perspiciatis ratione enim neque totam quidem sequi repudiandae dolor ipsam aliquam incidunt, obcaecati explicabo?</p>
     <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat unde ducimus suscipit atque, doloremque eius odio, perspiciatis ratione enim neque totam quidem sequi repudiandae dolor ipsam aliquam incidunt, obcaecati explicabo?</p>
     <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat unde ducimus suscipit atque, doloremque eius odio, perspiciatis ratione enim neque totam quidem sequi repudiandae dolor ipsam aliquam incidunt, obcaecati explicabo?</p>
     <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat unde ducimus suscipit atque, doloremque eius odio, perspiciatis ratione enim neque totam quidem sequi repudiandae dolor ipsam aliquam incidunt, obcaecati explicabo?</p>
     <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat unde ducimus suscipit atque, doloremque eius odio, perspiciatis ratione enim neque totam quidem sequi repudiandae dolor ipsam aliquam incidunt, obcaecati explicabo?</p>
     <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat unde ducimus suscipit atque, doloremque eius odio, perspiciatis ratione enim neque totam quidem sequi repudiandae dolor ipsam aliquam incidunt, obcaecati explicabo?</p>
     <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat unde ducimus suscipit atque, doloremque eius odio, perspiciatis ratione enim neque totam quidem sequi repudiandae dolor ipsam aliquam incidunt, obcaecati explicabo?</p>
     <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat unde ducimus suscipit atque, doloremque eius odio, perspiciatis ratione enim neque totam quidem sequi repudiandae dolor ipsam aliquam incidunt, obcaecati explicabo?</p>
     <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat unde ducimus suscipit atque, doloremque eius odio, perspiciatis ratione enim neque totam quidem sequi repudiandae dolor ipsam aliquam incidunt, obcaecati explicabo?</p>
     <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat unde ducimus suscipit atque, doloremque eius odio, perspiciatis ratione enim neque totam quidem sequi repudiandae dolor ipsam aliquam incidunt, obcaecati explicabo?</p>
     <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat unde ducimus suscipit atque, doloremque eius odio, perspiciatis ratione enim neque totam quidem sequi repudiandae dolor ipsam aliquam incidunt, obcaecati explicabo?</p>
     <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat unde ducimus suscipit atque, doloremque eius odio, perspiciatis ratione enim neque totam quidem sequi repudiandae dolor ipsam aliquam incidunt, obcaecati explicabo?</p>
     <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat unde ducimus suscipit atque, doloremque eius odio, perspiciatis ratione enim neque totam quidem sequi repudiandae dolor ipsam aliquam incidunt, obcaecati explicabo?</p>
     <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat unde ducimus suscipit atque, doloremque eius odio, perspiciatis ratione enim neque totam quidem sequi repudiandae dolor ipsam aliquam incidunt, obcaecati explicabo?</p>
     <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat unde ducimus suscipit atque, doloremque eius odio, perspiciatis ratione enim neque totam quidem sequi repudiandae dolor ipsam aliquam incidunt, obcaecati explicabo?</p>
     <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat unde ducimus suscipit atque, doloremque eius odio, perspiciatis ratione enim neque totam quidem sequi repudiandae dolor ipsam aliquam incidunt, obcaecati explicabo?</p>
     <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat unde ducimus suscipit atque, doloremque eius odio, perspiciatis ratione enim neque totam quidem sequi repudiandae dolor ipsam aliquam incidunt, obcaecati explicabo?</p>
     <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat unde ducimus suscipit atque, doloremque eius odio, perspiciatis ratione enim neque totam quidem sequi repudiandae dolor ipsam aliquam incidunt, obcaecati explicabo?</p>
     <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat unde ducimus suscipit atque, doloremque eius odio, perspiciatis ratione enim neque totam quidem sequi repudiandae dolor ipsam aliquam incidunt, obcaecati explicabo?</p>
     <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat unde ducimus suscipit atque, doloremque eius odio, perspiciatis ratione enim neque totam quidem sequi repudiandae dolor ipsam aliquam incidunt, obcaecati explicabo?</p>
     <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat unde ducimus suscipit atque, doloremque eius odio, perspiciatis ratione enim neque totam quidem sequi repudiandae dolor ipsam aliquam incidunt, obcaecati explicabo?</p>
     <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat unde ducimus suscipit atque, doloremque eius odio, perspiciatis ratione enim neque totam quidem sequi repudiandae dolor ipsam aliquam incidunt, obcaecati explicabo?</p>
     <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat unde ducimus suscipit atque, doloremque eius odio, perspiciatis ratione enim neque totam quidem sequi repudiandae dolor ipsam aliquam incidunt, obcaecati explicabo?</p>
     <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat unde ducimus suscipit atque, doloremque eius odio, perspiciatis ratione enim neque totam quidem sequi repudiandae dolor ipsam aliquam incidunt, obcaecati explicabo?</p>
     <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat unde ducimus suscipit atque, doloremque eius odio, perspiciatis ratione enim neque totam quidem sequi repudiandae dolor ipsam aliquam incidunt, obcaecati explicabo?</p>
     <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat unde ducimus suscipit atque, doloremque eius odio, perspiciatis ratione enim neque totam quidem sequi repudiandae dolor ipsam aliquam incidunt, obcaecati explicabo?</p>
     <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat unde ducimus suscipit atque, doloremque eius odio, perspiciatis ratione enim neque totam quidem sequi repudiandae dolor ipsam aliquam incidunt, obcaecati explicabo?</p>
     <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat unde ducimus suscipit atque, doloremque eius odio, perspiciatis ratione enim neque totam quidem sequi repudiandae dolor ipsam aliquam incidunt, obcaecati explicabo?</p>
     <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat unde ducimus suscipit atque, doloremque eius odio, perspiciatis ratione enim neque totam quidem sequi repudiandae dolor ipsam aliquam incidunt, obcaecati explicabo?</p>
     <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat unde ducimus suscipit atque, doloremque eius odio, perspiciatis ratione enim neque totam quidem sequi repudiandae dolor ipsam aliquam incidunt, obcaecati explicabo?</p>


     <!-- 
        可以直接将超链接的href属性设置为#，点击超链接之后页面转到当前页面的顶部位置

        可以跳转到页面的指定位置，秩序将href属性设置 #目标元素的id属性

        id属性：（唯一不重复的） ---区分大小写，一般小写，字母开头
            -- 每一个标签都可以添加一个id属性
            -- id属性就是元素的一个标识，页面中不能出现重复的id属性
      -->

      <a id="bottom" href="#">回到顶部</a>
</body>
</html>
MondayCui
关注
  • 5
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
超链接和相对路径
博客人生
03-09 2128
1.超链接 属于行内元素，但是超链接内可包含除自身外的任何元素（包括块元素div） 作用：跳转到指定位置 href属性：跳转的位置 <a href="http://www.google.com">超链接</a> 2.相对路径 除了跳转到指定的外部网页，也可以跳转到文件中的位置，一般通过相对路径来实现。 相对路径：相对于当前文件所在的位置 ./ :表示当当前文件...
超链接/相对路径
m0_62530644的博客
12-05 873
超链接 使用a标签来定义超链接 属性： href指定跳转目标路径 值可以是一个内部页面的地址 值可以是一个外部页面的地址 在a标签中能嵌套出它自身外的任何元素 相对路径 当我们需要跳转到服务器内部的页面时，一般都会使用相对路径 相对路径都会使用./或../ ./可省略不写 ../省略不写则会默认为./ ./表示当前文件所在的目录 ../表示当前文件所在目录的上一级目录 ...
列表，超链接，相对路径
最新发布
m0_65334415的博客
10-08 347
列表可以分为1 有序列表2 无序列表3 自定义列表。
6、超链接、相对路径
MoonNight608的博客
06-18 416
文章目录介绍超链接超链接其它用法相对路径 介绍 本文是在学习CSS时做的学习笔记，笔记所有内容在 CSS学习笔记 超链接 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>meta</title> </head> <script> </script> <body> 1、超链接可以让我
链接相对路径
09-15
链接相对路径 相对路径和绝对路径是网页设计中两个非常重要的概念，它们决定了链接的方式和效率。在网页设计中，我们经常需要使用链接来连接不同的网页或文件，但是在链接时，我们需要考虑使用相对路径还是绝对路径...
解决idea web 配置相对路径问题
08-27
然而，有时候在处理Web项目的相对路径时，可能会遇到一些问题。本文将详细介绍如何在Idea中正确配置Web项目的相对路径，以便解决类似的问题。 问题描述： 当在Web项目中使用iframe嵌入HTML文件，并且HTML文件内部...
第4章 超链接和路径
08-11
4. 基于URL的相对路径：相对于当前URL的路径，例如"../images/banner.jpg"，表示回到上级目录，再进入"images"目录。 超链接和路径在实际应用中有很多用途，比如： - 内部链接：用于在同一个网站内部跳转，通常...
HTML 相对路径和绝对路径区别分析
09-28
比如，怎样在一个HTML网页中引用另外一个HTML网页作为超链接(hyperlink)？怎样在一个网页中插入一张图片如果你在引用文件时(如加入超链接，或者插入图片等)，使用了错误的文件路径，就会导致引用失效(无法浏览链
HTML网页超链接标记
12-14
HTML网页超链接标记学习教程 链接标记的属性 链接是网页页面中最重要的元素之一，是一个网站的灵魂。一个网站是由多个页面组成的，页面之间依靠链接确定相互的导航关系。每一个网页都有独一无二的地址，在英文中被...
HTML的a标签href属性指定相对路径与绝对路径的用法讲解
09-28
href是链接前端文件的一个最常用的重要属性,这里我们就来看一下HTML的a标签href属性指定相对路径与绝对路径的用法讲解,需要的朋友可以参考下
HTML相对路径 上级目录及下级目录的写法
12-13
c:\Inetpub\wwwroot\sites\blabla\info.html 假设index.html路径是：c:\Inetpub\wwwroot\sites\index.html 在info.html加入index.html超链接的代码应该这样写： <a>index.html</a> 假设info.html路径是：c:\Inetpub\...
HTML相对路径(Relative Path)和绝对路径(Absolute Path)深入理解
09-28
web应用程序功能强大就在于它的超链接（Hyper Link），比如在a页面保存指向b页面的链接地址（也就是URI），但问题就恰恰出在了这里，如何正确引用一个文件。比如，怎样在一个HTML网页中引用另外一个HTML网页作为...
python分析网页上所有超链接的方法
09-22
这些链接通常是相对或绝对路径，根据实际需求，可能需要进一步处理，如将其转换为绝对URL。 总结来说，通过`urllib`获取网页内容，然后使用`htmllib`解析HTML并提取链接，可以实现Python分析网页上所有超链接的功能...
Java路径问题
06-02
使用"/"开头的路径代表绝对路径，不带"/"则为相对路径。为了避免路径混乱，建议始终使用以"/"开头的绝对路径。 重定向路径在Java中是通过`response.sendRedirect()`方法实现的。例如，`response.sendRedirect("/...
超链接——相对路径
actores的博客
04-20 1062
<!DOCTYPEhtml> <htmllang="en"> <head> <metacharset="UTF-8"> <title>Document</title> </head> <body> <ahref="./test01.html">../表...
列表、超链接、相对路径-HTML
teletubbies的博客
02-04 595
HTML中有三种列表 有序列表 无序列表 定义列表 有序列表：使用ul标签来创建 使用li表示列表项 无序列表：使用ol标签来创建 使用li表示列表项 定义列表：使用dl标签来创建 使用dt来表示定义的内容 使用dd来对内容进行解释说明 列表之间可以互相嵌套 超链接 超链接是一个行内元素 shift+alt+向下键=给语句向下复制（也可以shift+alt...
超链接的相对与绝对路径及锚点设置
娃娃的博客
07-28 6011
超链接的相对路径和绝对路径，以及锚点设置
超链接 的相对路径的问题？
u014704496的专栏
05-22 1380
1
电子商务网页制作：超链接与路径详解
项目的目标是让学生理解并掌握链接和路径在网页制作中的重要性，特别是对于绝对路径和相对路径的区别及其应用场景。 首先，路径是超链接的基础，它定义了从链接源文档到链接目标的具体位置。路径有三种类型：绝对...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值