锚点

最新推荐文章于 2024-06-09 16:34:53 发布

佛佛ง

最新推荐文章于 2024-06-09 16:34:53 发布

阅读量207

点赞数

分类专栏： HTML

本文链接：https://blog.csdn.net/LzzMandy/article/details/81980928

版权

HTML 专栏收录该内容

6 篇文章 1 订阅

订阅专栏

锚点用来跳转到指定的位置，

关键点：点击链接的href属性值和链接定位值一致

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>锚点文件</title>
<meta charset="utf-8" />
</head>
<body >
  <p align="center">
  <!-- href="#p1",链接到name=p1的地方，点击锚点，则跳转到底部的1锚点位置-->
   		<a href="#p1"> 锚点</a>
  </p>
  <div style="width:400px;height:1000px;border:1px solid red;"></div>
  <h2>1 锚点</h2>
  <!--只需要写一个name属性即可 -->
  <a name="p1"></a>
  <!-- 点击返回顶部，则跳转到顶端位置-->
  <a href="#">返回顶部</a>
</body>
</html>