【HTML】HTML基础4.2（锚点链接）

目录

解释锚点链接

“公式”

 例子

点击回首页

---

解释锚点链接

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

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

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

“公式”

这里同样用到<a></a>标签

<a href="#自己取个名字">相应的链接名字</a>
。。。。。。。
。。。。。。。
。。。。。。。
。。。。。。。
<h3 id="对应的名字，必须和上面的一模一样">也应该一样</h3>

 例子

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

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

效果如下

点击得到

点击回首页

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

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