首页 > 作文

html跳转页面代码

更新时间:2023-03-31 14:18:59 阅读: 评论:0

一、锚点链接的概念

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

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

二、锚点链接的语法

就两个值:第一个就是锚点下2022清明节在哪里?第二个就是点在哪里?

<body>    <!--2、跳转的目标位置:点-->    <aid="test">这里是顶部</a>    <!--1、跳转的按钮:锚-->    <ahref="#test">回到顶部</a>    </body>

三、锚点的用法实例

源代码:↓

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

<body>  <!--3、下点:就是点击后要跳转到这里来-->  <aid="dingbu">这里是顶部</a>  <br>  <!--1、伪造两屏的网页内容--->  <h7>  <!--外部超链接-->  <ahref="https://www.baidu.com">百度</a><br>  <!--内部超链接-->  <ahref="test.html">内部超链接</a><br>  <!--下载超链接-->  <ahref="image/test.png">下载超链接</a><br>  </h7>  <h6>  <!--外部超链接-->  <ahref="https://www.baidu.com">百度</a><br>  <!--内部超链接-->  <ahref="test.html">内部超链接</a><br>  <!--下载超链接-->  <ahref="image/test.png">下载超链接</a><br>  </h6>  <h5>  <!--外部超链接-->  <ahref="https://www.baidu.com">百度</a><br>  <!--内部超链接-->  <ahref="test.html">内部超链接</a><br> 浙江大学学科评估 <!--下载超链接-->  <ahref="image/test.png">下载超链接</a><br>  </h5>  <h4>  <!--外部超链接-->  <ahref="https://www.baidu.com">百度</a><br>  <!--内部超链接-->  <ahref="test.html">内部超链接</a><br>  <!--下载超链接-->  <ahref="image/test.png">下载超链接</a><br>  </h4>  <h3>  <!--外部超链接-->  <ahref="https://www.baidu.com">百度</a><br>  <!--内部超链接-->  <ahref="test.html">必先予之;内部社团纳新超链接</a><br>  <!--下载超链接-->  <ahref="image/test.png">下载超链接</a><br>  </h3>  <h2>  <!--外部超链接-->  <ahref="https://www.baidu.com">百度</a><br>  <!--内部超链接-->  <ahref="test.html">内部超链接</a><br>  <!--下载超链接-->  <ahref="image/test.png">下载超链接</a&g苏菲是谁t;<br>  </h2>  <h1>  <!--外部超链接-->  <ahref="https://www.baidu.com">百度</a><br>  <!--内部超链接-->  <ahref="test.html">内部超链接</a><br>  <!--下载超链接-->  <ahref="image/test.png">下载超链接</a><br>  </h1>  <!--2、先下锚:就是按钮放哪里-->  <ahref="#dingbu">回到顶部</a>  </body>

本文发布于:2023-03-31 14:18:58,感谢您对本站的认可!

本文链接:https://www.wtabcd.cn/fanwen/zuowen/8ab1641eb327b31c17682c6994e67a63.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

本文word下载地址:html跳转页面代码.doc

本文 PDF 下载地址:html跳转页面代码.pdf

标签:超链接   按钮   链接   跳转
相关文章
留言与评论(共有 0 条评论)
   
验证码:
Copyright ©2019-2022 Comsenz Inc.Powered by © 专利检索| 网站地图