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>
    
    这世上所有美好的东西,都需要踮起脚尖。
  • 相关阅读:
    pytest+allure生成测试报告
    pytest之fixture使用详解
    pytest框架介绍
    使用records库操作SQL并且查询MySQL数据库
    python模块之codecs
    项目总结
    第二阶段团队绩效评分
    软件发布2.0
    “随手记”开发记录day20
    “随手记”开发记录day19
  • 原文地址:https://www.cnblogs.com/XMYG/p/14319501.html
Copyright © 2011-2022 走看看