• 【HTML】HTML基础4.2(锚点链接)


    目录

    解释锚点链接

    “公式”

     例子

    点击回首页


    解释锚点链接

    在我们浏览网页的时候,总有目录一样的功能,比如

    这个时候,只要点击相应目录,就可以直接跳转到相应界面,比如,点击“演职员表”

    今天就让我们一起来实现这个神奇功能

    “公式”

    这里同样用到标签

    1. <a href="#自己取个名字">相应的链接名字a>
    2. 。。。。。。。
    3. 。。。。。。。
    4. 。。。。。。。
    5. 。。。。。。。
    6. <h3 id="对应的名字,必须和上面的一模一样">也应该一样h3>

     例子

    1. <a href="#wanmei">完美的告别a><br />
    2. <a href="#yexin">导演野心a><br />
    3. <h3 id="wanmei">完美的告别h3>
    4. <p>“银河护卫队”系列在漫威电影宇宙中一直是异数般的存在,不仅因为影片主角是一群反英雄,<strong>与超级英雄相比显得格格不入strong>,更因为该系列有着“滚导”詹姆斯·古恩鲜明的个人烙印。
    5. 或许正因这些另类特点,才让《银护3》成为口碑崩塌趋势中的漫威电影的中流砥柱。豆瓣评分8.4的潜台词是,在漫威电影宇宙所有的片子中,<ins>它仅次于全员集结的《复仇者联盟4》ins>。p>
    6. <p>观影时还曾疑惑,“滚导”续写的故事与前作有千丝万缕的密切联系,为何草蛇灰线天衣无缝,难道第三部的剧情早在系列诞生之初就已想好?事实果然如此,当初“滚导”答应接手
    7. “银护”系列就是因为火箭浣熊这一角色,而它的起源故事早在《银护1》编写之前就已经成型。p>
    8. <a href="#tiaozhuan">点击跳转回首页a>
    9. <h3 id="yexin">导演野心h3>
    10. <p>“滚导”对《银护3》的企图心显而易见,他不想敷衍完成一众角色的告别式,也不愿仅止步于提供一场视听盛宴。《银护3》的动人之处,在故事,在角色,更在主题。
    11. 走笔至此,不禁对“滚导”即将打造的DC宇宙多了一点期待。p>

    这里的完美的告别以及导演野心就相当于目录了

    效果如下

    点击得到

    点击回首页

    这里也只需要把标签的位置进行一个交换即可 

    今天的分享到这里就结束啦~希望能帮到您! 

  • 相关阅读:
    Playwright for Python:基础用法
    AJAX基础
    2.0、C语言——分支、循环语句
    EPSon打印机更换色带
    [附源码]计算机毕业设计JAVA基于JSP学生信息管理系统
    DNS(Domain Name System) in detail
    网安朝阳·西门子白帽黑客大赛 | 聚焦实战攻防竞赛 促进网安人才发展
    小程序点击更多上拉显示选项
    Spark RDD 转换算子
    Eclipse安装及配置tomcat
  • 原文地址:https://blog.csdn.net/2301_79982543/article/details/136419658