zoukankan      html  css  js  c++  java
  • html锚点使用示例

    <html>
    
    <body>
    <h1>HTML 教程目录</h1>
    
    <ul>
    <li><a href="#C1">第一章</a></li>
    <li><a href="#C2">第二章</a></li>
    <li><a href="#C3">第三章</a></li>
    <li><a href="#C4">第四章</a></li>
    <li><a href="#C5">第五章</a></li>
    <li><a href="#C6">第六章</a></li>
    <li><a href="#C7">第七章</a></li>
    <li><a href="#C8">第八章</a></li>
    </ul>
    
    <h2><a name="C1">第一章</a></h2>
    <p>本章讲解的内容是 ... ...</p>
    
    <h2><a name="C2" id="C8">第二章</a></h2>
    <p>本章讲解的内容是 ... ...</p>
    
    <h2><a name="C3">第三章</a></h2>
    <p>本章讲解的内容是 ... ...</p>
    
    <h2><a name="C4">第四章</a></h2>
    <p>本章讲解的内容是 ... ...</p>
    
    <h2><a name="C5">第五章</a></h2>
    <p>本章讲解的内容是 ... ...</p>
    
    <h2><a name="C6">第六章</a></h2>
    <p>本章讲解的内容是 ... ...</p>
    
    <h2><a name="C7">第七章</a></h2>
    <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>
    
    </body>
    </html>
    http://www.w3school.com.cn/tags/att_a_name.asp
  • 相关阅读:
    js中获取页面被卷去的高度等一些属性
    【转】js中cookie的使用详细分析
    2017-3-16 Tsql基础编程 存储过程 触发器 级联删除
    采用ajax请求返回得到json数据,取出具体项却为undefined
    读书笔记-你不知道的JavaScript(上) 【转自 http://muyunyun.cn/】
    AJAX 三级联动
    winform 打印控件
    winform 之MDI容器
    ajax完整版
    【2017-7-17】动软代码生成器 数据库连接 配置失败 解决方法
  • 原文地址:https://www.cnblogs.com/softidea/p/3325744.html
Copyright © 2011-2022 走看看