码迷,mamicode.com
首页 > Web开发 > 详细

HTML中使用锚点链接快速定位到页面的某一位置

时间:2020-06-06 00:37:45      阅读:141      评论:0      收藏:0      [点我收藏+]

标签:bsp   快速   color   定位元素   页面   标签   div   nbsp   发放   

锚点链接:当点击链接时,可以快速地定位到页面中的某个位置

1. 为需要被定位的元素添加id属性,例如:<p id="p1">我是p1</p>

2. 使用<a>标签定位元素,设置href属性值为 :#需要被定位元素的id,例如:<a href="#p1">p1</a>

代码示例:

<a href="#p1">p1</a>
<p>的发放骄傲放假啊积分了辣椒粉假发加法减法</p>
<p>发发发家附近反复</p>
<p>发放贷款酷酷酷酷酷酷酷酷酷酷酷酷酷酷酷靠靠靠靠靠靠靠靠靠靠靠靠靠靠靠靠靠靠靠靠靠靠靠靠靠靠靠靠靠靠靠靠靠靠靠靠靠靠靠靠靠靠靠靠靠靠靠靠靠靠靠靠靠靠靠靠靠</p>
<p>发放贷款酷酷酷酷酷酷酷酷酷酷酷酷酷</p>
<p>发放贷款酷酷酷酷酷酷酷酷酷酷酷酷酷</p>
<p>发放贷款酷酷酷酷酷酷酷酷酷酷酷酷酷</p>
<p>发放贷款酷酷酷酷酷酷酷酷酷酷酷酷酷</p>
<p>发放贷款酷酷酷酷酷酷酷酷酷酷酷酷酷</p>
<p>发放贷款酷酷酷酷酷酷酷酷酷酷酷酷酷</p>
<p id="p1">我是p1</p>

 

HTML中使用锚点链接快速定位到页面的某一位置

标签:bsp   快速   color   定位元素   页面   标签   div   nbsp   发放   

原文地址:https://www.cnblogs.com/yloved/p/13053088.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!