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
  • 相关阅读:
    转载 | float 清除浮动的7种方法
    转载 | CSS图片下面产生间隙的 6种解决方案
    (转载)内联元素设置宽高问题
    HTML/CSS:display:flex 布局教程
    HTML/CSS:block,inline和inline-block概念和区别
    上传文件
    分页查询 模糊查询 合体查询
    repeater的command用法
    窗体内的控制 跨窗体控制
    webform 跨窗体传值
  • 原文地址:https://www.cnblogs.com/softidea/p/3325744.html
Copyright © 2011-2022 走看看