zoukankan      html  css  js  c++  java
  • 09-使用a标签实现锚链接的两种方法

    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="UTF-8">
        <title>a标签实现锚点</title>
    </head>
    <!-- 
        锚点实现
            如果想要跳转到当前页面,那么href的值可以设置为#
            
            1、利用a标签的name属性
            2、利用其它标签的id属性
     -->
    <body>
        <p id="top">假装有很多内容</p>
        <p>假装有很多内容</p>
        <p>假装有很多内容</p>
        <p>假装有很多内容</p>
        <p>假装有很多内容</p>
        <p>假装有很多内容</p>
        <p>假装有很多内容</p>
        <p><a href="" name="nr1">内容1</a> 假装有很多内容</p>
        <p>假装有很多内容</p>
        <p>假装有很多内容</p>
        <p>假装有很多内容</p>
        <p>假装有很多内容</p>
        <p>假装有很多内容</p>
        <p>假装有很多内容</p>
        <p>假装有很多内容</p>
        <p>假装有很多内容</p>
        <p>假装有很多内容</p>
        <p>假装有很多内容</p>
        <p>假装有很多内容</p>
        <p>假装有很多内容</p>
        <p>假装有很多内容</p>
        <p>假装有很多内容</p>
        <p>假装有很多内容</p>
        <p>假装有很多内容</p>
        <p>假装有很多内容</p>
        <p>假装有很多内容</p>
        <p>假装有很多内容</p>
        <p>假装有很多内容</p>
        <p>假装有很多内容</p>
        <p>假装有很多内容</p>
        <p>假装有很多内容</p>
        <p>假装有很多内容</p>
        <p>假装有很多内容</p>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
    
    
        <a href="#top" >回到顶端</a>
        <hr/>
        <a href="#nr1">回到内容1</a>
    </body>
    </html>
    
    这世上所有美好的东西,都需要踮起脚尖。
  • 相关阅读:
    postman设置页面详解
    postman安装使用
    测试入门1:黑盒测试用例设计方法
    oo第十六次作业
    oo第三单元总结
    OO第二单元总结
    select语句
    MySQL数据库基础操作
    创建和查看数据库
    认识MySQL数据库
  • 原文地址:https://www.cnblogs.com/XMYG/p/14319501.html
Copyright © 2011-2022 走看看