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

HTML链接:创建文档内链接

时间:2018-01-27 17:20:42      阅读:161      评论:0      收藏:0      [点我收藏+]

标签:技术分享   style   创建   使用   htm   自动   滚动   作用   image   

文档内链接作用:在同一个网页界面实现不同位置的跳转

 

实现效果:当我浏览一个页面滚动到不同位置需要返回某个特定的位置时可以一键返回

如下:当我下滑到文档二处需要快速返回到文档一处时,只要点击文档二就会自动返回到文档一处的位置

技术分享图片

 

 

实现代码:

<!DOCTYPE html>
<html lang="en">


<head>
    <meta charset="UTF-8">
    <title>hhh</title>
</head>
<body>

<!--给定文档内链接名-->
<a name="tip">文档一</a>

<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>

<!--使用href跳转到文档内链接名处-->
<a href="#tip">文档二</a>


</body>
</html>

 

HTML链接:创建文档内链接

标签:技术分享   style   创建   使用   htm   自动   滚动   作用   image   

原文地址:https://www.cnblogs.com/lyd447113735/p/8366173.html

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