HTML+CSS基础 a标签实现达到当前页面的最底部与达到当前页面的顶端

来源：互联网发布：淘宝网商城女装针织衫编辑：程序博客网时间：2024/06/03 15:49

镇场诗：慈心积善融学习，技术誓为大家学。善心速造多好事，前人栽树后乘凉。我今于此写经验，愿见文者得启发。
——————————————————————————————————————————————————————————

1、代码

<html>   <head>       <title> </title>           </head>    <meta charset="utf-8">    <body>    <!--href 中的 #底端 的意思是达到第一个name是底端的a标签，是第一个哦-->    <a name="顶端" href="#底端">这里是页面的顶端</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/>    <a name="底端" href="#顶端">这里是页面的最底端</a>    <br/>    <br/>    </body></html>

2、有个很有趣的代码，你可以分析分析哦

<html>   <head>       <title> </title>           </head>    <meta charset="utf-8">    <body>    <a name="顶端" href="#底端">这里是页面的顶端0</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/>    <a name="底端" href="#顶端">这里是页面的最底端0</a>    <br/><br/><br/><br/><br/>    <a name="顶端" href="#底端">这里是页面的顶端1</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/>    <a name="底端" href="#顶端">这里是页面的最底端1</a>    <br/>    <br/>    </body></html>

——————————————————————————————————————————————————————————
感恩帮助过我的人。博客的精髓在技术部分，更在镇场一诗。
因为心有着无数技术誓愿学的意识，所以着手学习HTML与CSS。
如果您认为有可改进的地方，有错误的地方，请留下评论，我会处理的。
注：如果我的博文无意中侵犯了您的权益，请告知。看到您的告知后，我将及时作出处理。

0 0