投稿
  1. 三克猫首页
  2. 问答百科

html跳转页面代码（详解html跳转到指定页面）

SEO专员 • • 问答百科

一、锚点链接的概念

我们在浏览一个网页的时候，通常会遇到比较长的网页，一直向下拉滚动条一直向下，而在最底部的位置通常会有一个一键返回到顶部

或者返回到哪里的按钮，这个按钮就是利用的 锚点链接 功能。

html开发笔记12- 锚点链接 之 一键跳转到指定位置

<body>

<!-- 2、跳转的目标位置：点-->

<a id="test">这里是顶部</a>

<!-- 1、跳转的按钮：锚-->

<a href="#test">回到顶部</a>

</body>
html开发笔记12- 锚点链接 之 一键跳转到指定位置

备注：如果手机上看格式错乱，建议粘贴到电脑版编辑器里观看。

<body>
<!-- 3、下点：就是点击后要跳转到这里来-->
<a id="dingbu">这里是顶部</a>
<br>
<!-- 1、伪造两屏的网页内容--->
<h7>
  <!--外部超链接-->
  <a href="https://www.baidu.com">百度</a><br>
  <!--内部超链接-->
  <a href="test.html">内部超链接</a><br>
  <!--下载超链接-->
  <a href="image/test.png">下载超链接</a><br>
</h7>
<h6>
  <!--外部超链接-->
  <a href="https://www.baidu.com">百度</a><br>
  <!--内部超链接-->
  <a href="test.html">内部超链接</a><br>
  <!--下载超链接-->
  <a href="image/test.png">下载超链接</a><br>
</h6>
<h5>
  <!--外部超链接-->
  <a href="https://www.baidu.com">百度</a><br>
  <!--内部超链接-->
  <a href="test.html">内部超链接</a><br>
  <!--下载超链接-->
  <a href="image/test.png">下载超链接</a><br>
</h5>
<h4>
  <!--外部超链接-->
  <a href="https://www.baidu.com">百度</a><br>
  <!--内部超链接-->
  <a href="test.html">内部超链接</a><br>
  <!--下载超链接-->
  <a href="image/test.png">下载超链接</a><br>
</h4>
<h3>
  <!--外部超链接-->
  <a href="https://www.baidu.com">百度</a><br>
  <!--内部超链接-->
  <a href="test.html">内部超链接</a><br>
  <!--下载超链接-->
  <a href="image/test.png">下载超链接</a><br>
</h3>
<h3>
  <!--外部超链接-->
  <a href="https://www.baidu.com">百度</a><br>
  <!--内部超链接-->
  <a href="test.html">内部超链接</a><br>
  <!--下载超链接-->
  <a href="image/test.png">下载超链接</a><br>
</h3>
<h3>
  <!--外部超链接-->
  <a href="https://www.baidu.com">百度</a><br>
  <!--内部超链接-->
  <a href="test.html">内部超链接</a><br>
  <!--下载超链接-->
  <a href="image/test.png">下载超链接</a><br>
</h3>
<!-- 2、先下锚：就是按钮放哪里-->
<a href="#dingbu">回到顶部</a>
</body>

本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 engola@qq.com 举报，一经查实，本站将立刻删除。文章链接：https://www.3kemao.com/n/23654.html

赞 (0)
SEO专员SEO专员
0 0
« 上一篇 2023年10月5日 17:05:32
下一篇 » 2023年10月5日 17:09:41

相关推荐

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注

记住昵称、邮箱和网址，下次评论免输入