当前位置:Gxlcms > html代码 > 页内跳转(锚点练习)的实例代码

页内跳转(锚点练习)的实例代码

时间:2021-07-01 10:21:17 帮助过:29人阅读

分享页内跳转(锚点练习)的实例代码,只是一个小练习,大神不喜请不要喷,新手朋友们可以来看看我写的;

代码如下:

<!DOCTYPE html>
<html 
lang
="en">
<
head
>
 <meta char
set
="UTF-8">
 <title>
Document
</title>
 <style>
 body{
 
height
: 2000px; 
 
position
: relative;
 }
 .a{
 position: absolute;
 
bottom
: 0px;
 }
 </style>
</head>
<body>
 <a href="http://www.sina.com"><a href="#db">杩斿洖搴曢儴</a></a>
 <hr />
 <br />
 <img src="images/1.jpg" alt="濂ヨ开R8">
 <p class="a" id="db"><a href="#last"><a href="#">杩斿洖椤堕儴</a></a></p>
</body>
</html>

【相关推荐】

1. 免费html在线视频教程

2. html开发手册

3. php.cn原创html5视频教程

以上就是页内跳转(锚点练习)的实例代码的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行