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>
    
    这世上所有美好的东西,都需要踮起脚尖。
  • 相关阅读:
    Remove Element
    Binary Tree Inorder Traversal
    Symmetric Tree
    Roman to Integer
    Search Insert Position
    Reverse Integer
    Pascal's Triangle
    Merge Sorted Array
    Same Tree
    Visual Studio Code 做PHP开发
  • 原文地址:https://www.cnblogs.com/XMYG/p/14319501.html
Copyright © 2011-2022 走看看