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
  • 相关阅读:
    解决多并发
    一个交换机到底能带几台摄像头?结合生产经验咱们来分析!
    ELK查询命令详解
    Ansible自动化部署入门到进阶笔记
    批量SSH key-gen无密码登陆认证脚本
    ELK查询命令详解总结
    Shell 正则表达式详解
    Linux 常用系统性能命令总结
    什么叫做消息队列呢?
    批量SSH key-gen无密码登陆认证脚本 附件脚本
  • 原文地址:https://www.cnblogs.com/softidea/p/3325744.html
Copyright © 2011-2022 走看看