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>
    
    这世上所有美好的东西,都需要踮起脚尖。
  • 相关阅读:
    Android 从零搭建简单MVP Demo
    Ubuntu 16.04 安装wine QQ
    Android 根据字符串动态获取资源ID
    Android 个推 踩坑小结
    Android Studio 查看手机CPU信息
    J2EE 项目本地发布路径及修改
    Cucumber 安装
    [译] 第三十天:Play Framework
    [译] 第二十九天:Yeoman Chrom Generator
    [译] 第二十八天:Java开发者的OpenShift Eclipse 集成
  • 原文地址:https://www.cnblogs.com/XMYG/p/14319501.html
Copyright © 2011-2022 走看看