网页设计如何让加锚点链接?

我一个页面上文字很多,我想加锚点链接,步骤应该是怎么样的,我忘记了,请求支援。... 我一个页面上文字很多,我想加锚点链接,步骤应该是怎么样的,我忘记了,请求支援。 展开
 我来答
百度网友fe2b428
2018-03-12 · TA获得超过449个赞
知道小有建树答主
回答量:286
采纳率:82%
帮助的人:31.5万
展开全部

参考网址:网页链接

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
梦幻星空573
2018-03-04 · TA获得超过296个赞
知道小有建树答主
回答量:153
采纳率:76%
帮助的人:58.8万
展开全部

这个其实不难,只要在想跳到某个文本区域的标签上添加一个id,然后在被添加链接的文本上加入“#你的id”就可以了,例如:<a href="#id">锚链接</a>。

只要点击了链接就会跳到被添加id的相应的位置。

代码如下

<!doctype html>
<html>
<head>
<title>添加锚链接</title>
</head>
<body>
   <div id="cont" style="width:100%; height:1400px;">
       <p style="color:blue;"><a href="#three" style="font-size:30px;">点击我会跳到橙色文本区域</a>我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容我是内容



</p></br>
</br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br>

</br></br></br></br></br></br>

<p style="color:green">我是内容我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容我是内容


</p></br>
</br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br>

</br></br></br></br></br></br>

<p style="color:orange;" id="three">我是内容我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容我是内容



</p>  </br>
</br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br>

</br></br></br></br></br></br>  
<p>我是内容我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容我是内容
</p>  </br>
</br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br>

</br></br></br></br></br></br>                                          
    

</div>

</body>
</html>

希望能帮到你,有疑问可以追问。

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式