首页 > 软件开发 > HTML >

如何在HTML设置跳转到底部

来源:互联网 2023-03-16 19:15:41 483

如何在HTML设置跳转到底部kY2办公区 - 实用经验教程分享!

工具/原料

  • HTML5

方法/步骤

  • 1

    首先创建一个HTML文档。kY2办公区 - 实用经验教程分享!

    如何在HTML设置跳转到底部kY2办公区 - 实用经验教程分享!

    如何在HTML设置跳转到底部kY2办公区 - 实用经验教程分享!

  • 2

    然后定义一下基本的HTML框架。kY2办公区 - 实用经验教程分享!

    如何在HTML设置跳转到底部kY2办公区 - 实用经验教程分享!

  • 3

    假设一个网页有很多内容,这样不方便浏览。kY2办公区 - 实用经验教程分享!

    如何在HTML设置跳转到底部kY2办公区 - 实用经验教程分享!

    如何在HTML设置跳转到底部kY2办公区 - 实用经验教程分享!

  • 4

    那么我们先加a标签。kY2办公区 - 实用经验教程分享!

    a href="last">/a>kY2办公区 - 实用经验教程分享!

    如何在HTML设置跳转到底部kY2办公区 - 实用经验教程分享!

    如何在HTML设置跳转到底部kY2办公区 - 实用经验教程分享!

  • 5

    然后我们在底部设置一个跳转的点位。kY2办公区 - 实用经验教程分享!

    比如设置一个h1标签。kY2办公区 - 实用经验教程分享!

    然后加入id="last",这个就和刚刚的a标签对应。kY2办公区 - 实用经验教程分享!

    如何在HTML设置跳转到底部kY2办公区 - 实用经验教程分享!

    如何在HTML设置跳转到底部kY2办公区 - 实用经验教程分享!

  • 6

    然后要注意a标签里面的href里面要添加#,这个时候点击就能够跳转了。kY2办公区 - 实用经验教程分享!

    如何在HTML设置跳转到底部kY2办公区 - 实用经验教程分享!

    如何在HTML设置跳转到底部kY2办公区 - 实用经验教程分享!

    如何在HTML设置跳转到底部kY2办公区 - 实用经验教程分享!

  • 6相关内容未经许可获取自百度经验
  • 注意事项

    • id标签的唯一性要注意

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!kY2办公区 - 实用经验教程分享!


    标签: HTML

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码