html 锚点

我不是女神ヾ 2021-07-24 22:22 604阅读 0赞 
  1. **锚点:**
  2.     在一张网页中进行资源跳转
  3.         <a href="#锚点名">点击访问名称</a>
  4.         跳转到锚点name处
  5.         <a name="锚点名"></a>
  6.     回到顶部：
  7.         <a href="#">回到顶部</a>   //#表示刷新当前网页，即回到顶部
  9. **代码示例：**
  10. <html>
  11.     <head>
  12.         <title>锚点学习</title>
  13.         <meta http-equiv="content-type" content="text/html;charset=utf-8"/>
  14.     </head>
  15.     <body>
  16.         <h3 align="center">锚点学习</h3>
  17.         <hr size="30" color="darkgreen"/>
  18.         <h4>目录</h4>
  19.         <a href="#first">第一章</a> <br />
  20.         <a href="#second">第二章</a> <br />
  21.         <a href="#third">第三章</a> <br />
  22.         <a href="#fourth">第四章</a> <br />
  25.         <p>第一章:</p>
  27.         <a name="first"></a>
  28.         <p>
  30.             如果你非要拒绝我，请不要那么绝对。
  31.             因为你的一句“我没有那么喜欢你”，我都可以解读为“我有一点喜欢你。
  32.              人性本凉薄，又何介 谁比谁更多。
  33.             心，若没有栖息的地方，到哪里都是流浪... 若无其事，
  34.             原来是最狠的报复。 就算世界荒芜 总有一个人 他会是你的信徒 
  35.         </p>
  36.         <p>
  38.             如果你非要拒绝我，请不要那么绝对。
  39.             因为你的一句“我没有那么喜欢你”，我都可以解读为“我有一点喜欢你。
  40.              人性本凉薄，又何介 谁比谁更多。
  41.             心，若没有栖息的地方，到哪里都是流浪... 若无其事，
  42.             原来是最狠的报复。 就算世界荒芜 总有一个人 他会是你的信徒 
  43.         </p>
  44.         <p>
  46.             如果你非要拒绝我，请不要那么绝对。
  47.             因为你的一句“我没有那么喜欢你”，我都可以解读为“我有一点喜欢你。
  48.              人性本凉薄，又何介 谁比谁更多。
  49.             心，若没有栖息的地方，到哪里都是流浪... 若无其事，
  50.             原来是最狠的报复。 就算世界荒芜 总有一个人 他会是你的信徒 
  51.         </p>
  52.         <p>
  54.             如果你非要拒绝我，请不要那么绝对。
  55.             因为你的一句“我没有那么喜欢你”，我都可以解读为“我有一点喜欢你。
  56.              人性本凉薄，又何介 谁比谁更多。
  57.             心，若没有栖息的地方，到哪里都是流浪... 若无其事，
  58.             原来是最狠的报复。 就算世界荒芜 总有一个人 他会是你的信徒 
  59.         </p>
  60.         <p>
  62.             如果你非要拒绝我，请不要那么绝对。
  63.             因为你的一句“我没有那么喜欢你”，我都可以解读为“我有一点喜欢你。
  64.              人性本凉薄，又何介 谁比谁更多。
  65.             心，若没有栖息的地方，到哪里都是流浪... 若无其事，
  66.             原来是最狠的报复。 就算世界荒芜 总有一个人 他会是你的信徒 
  67.         </p>
  68.         <p>第二章：</p>
  69.         <a name="second"></a>"
  70.         <p>
  71.             痛苦来临时不要总问：“为什么偏偏是我？”
  72.             因为快乐降临时你可没有问过这个问题。
  73.              草在结它的种子，风在摇它的叶子。我们站着，不说话，就十分美好。
  74.             一见钟情,明明是见色起意.
  75.             日久生情,不过是权衡利弊.
  76.             连白头到老,
  77.             都只是习惯使然. 
  78.         </p>
  79.             <p>
  80.             痛苦来临时不要总问：“为什么偏偏是我？”
  81.             因为快乐降临时你可没有问过这个问题。
  82.              草在结它的种子，风在摇它的叶子。我们站着，不说话，就十分美好。
  83.             一见钟情,明明是见色起意.
  84.             日久生情,不过是权衡利弊.
  85.             连白头到老,
  86.             都只是习惯使然. 
  87.         </p>
  88.             <p>
  89.             痛苦来临时不要总问：“为什么偏偏是我？”
  90.             因为快乐降临时你可没有问过这个问题。
  91.              草在结它的种子，风在摇它的叶子。我们站着，不说话，就十分美好。
  92.             一见钟情,明明是见色起意.
  93.             日久生情,不过是权衡利弊.
  94.             连白头到老,
  95.             都只是习惯使然. 
  96.         </p>
  97.             <p>
  98.             痛苦来临时不要总问：“为什么偏偏是我？”
  99.             因为快乐降临时你可没有问过这个问题。
  100.              草在结它的种子，风在摇它的叶子。我们站着，不说话，就十分美好。
  101.             一见钟情,明明是见色起意.
  102.             日久生情,不过是权衡利弊.
  103.             连白头到老,
  104.             都只是习惯使然. 
  105.         </p>
  106.         <p>第三章</p>
  107.         <a name="third"></a>
  108.         <p>
  109.             所有男孩子在发誓的时候都是真的觉得自己一定不会违背承诺，
  110.             而在反悔的时候也都是真的觉得自己不能做到。所以誓言这种东西无法衡量坚贞，
  111.             也不能判断对错，它只能证明，在说出来的那一刻，彼此曾经真诚过。 
  112.         </p>
  113.             <p>
  114.             所有男孩子在发誓的时候都是真的觉得自己一定不会违背承诺，
  115.             而在反悔的时候也都是真的觉得自己不能做到。所以誓言这种东西无法衡量坚贞，
  116.             也不能判断对错，它只能证明，在说出来的那一刻，彼此曾经真诚过。 
  117.         </p>
  118.             <p>
  119.             所有男孩子在发誓的时候都是真的觉得自己一定不会违背承诺，
  120.             而在反悔的时候也都是真的觉得自己不能做到。所以誓言这种东西无法衡量坚贞，
  121.             也不能判断对错，它只能证明，在说出来的那一刻，彼此曾经真诚过。 
  122.         </p>
  123.             <p>
  124.             所有男孩子在发誓的时候都是真的觉得自己一定不会违背承诺，
  125.             而在反悔的时候也都是真的觉得自己不能做到。所以誓言这种东西无法衡量坚贞，
  126.             也不能判断对错，它只能证明，在说出来的那一刻，彼此曾经真诚过。 
  127.         </p>
  128.             <p>
  129.             所有男孩子在发誓的时候都是真的觉得自己一定不会违背承诺，
  130.             而在反悔的时候也都是真的觉得自己不能做到。所以誓言这种东西无法衡量坚贞，
  131.             也不能判断对错，它只能证明，在说出来的那一刻，彼此曾经真诚过。 
  132.         </p>
  133.             <p>
  134.             所有男孩子在发誓的时候都是真的觉得自己一定不会违背承诺，
  135.             而在反悔的时候也都是真的觉得自己不能做到。所以誓言这种东西无法衡量坚贞，
  136.             也不能判断对错，它只能证明，在说出来的那一刻，彼此曾经真诚过。 
  137.         </p>
  138.         <p>第四章:</p>
  139.         <a name="fourth"></a>
  140.         <p>
  141.         据说那些你一笑就跟着你笑的人，不是傻逼就是爱你的人 人的一切痛苦，
  142.         本质上都是对自己的无能的愤怒。 宠辱不惊，看庭前花开花落；
  143.         去留无意，望天上云卷云舒。 发呆这事，如果做得好，那就是深沉。 
  144.         </p>
  145.             <p>
  146.         据说那些你一笑就跟着你笑的人，不是傻逼就是爱你的人 人的一切痛苦，
  147.         本质上都是对自己的无能的愤怒。 宠辱不惊，看庭前花开花落；
  148.         去留无意，望天上云卷云舒。 发呆这事，如果做得好，那就是深沉。 
  149.         </p>    <p>
  150.         据说那些你一笑就跟着你笑的人，不是傻逼就是爱你的人 人的一切痛苦，
  151.         本质上都是对自己的无能的愤怒。 宠辱不惊，看庭前花开花落；
  152.         去留无意，望天上云卷云舒。 发呆这事，如果做得好，那就是深沉。 
  153.         </p>    <p>
  154.         据说那些你一笑就跟着你笑的人，不是傻逼就是爱你的人 人的一切痛苦，
  155.         本质上都是对自己的无能的愤怒。 宠辱不惊，看庭前花开花落；
  156.         去留无意，望天上云卷云舒。 发呆这事，如果做得好，那就是深沉。 
  157.         </p>    <p>
  158.         据说那些你一笑就跟着你笑的人，不是傻逼就是爱你的人 人的一切痛苦，
  159.         本质上都是对自己的无能的愤怒。 宠辱不惊，看庭前花开花落；
  160.         去留无意，望天上云卷云舒。 发呆这事，如果做得好，那就是深沉。 
  161.         </p>
  162.         <a href="#">回到顶部</a>
  163.     </body>
  164. </html>

发表评论

表情：
评论列表 （有 0 条评论，604人围观）

还没有评论，来说两句吧...

相关阅读

    相关 html锚点

    锚点是网页制作中超级链接的一种，又叫[命名锚记][Link 1]。命名锚记像一个迅速定位器一样是一种页面内的超级链接，运用相当普遍。 英文名：anchor 使用命名锚记可以

    亦凉亦凉/ 0 赞/ 370 阅读

    相关 HTML 锚点定位

    链接`<a>`是最为常用的HTML元素之一，通过它可以将页面跳转到指定的地址。 利用它非常便利的实现站内或者站际间页面跳转，有利于浏览者获取信息。 首先看一段代码实例：

    小灰灰小灰灰/ 0 赞/ 970 阅读