1.html a标签用法
<a href="网址地址" target="跳转方式" title="链接说明">被链接内容</a>
2.a标签作用
a标签在html代码中,常用的作用就是作为页面的跳转,可以是关键词锚文本的跳转,也可以是页面301、404跳转使用
3.a标签在html代码中常见的案例
案例1:
页面关键词跳转
- <!DOCTYPE html>
- <html lang="zh">
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <meta http-equiv="X-UA-Compatible" content="ie=edge">
- <title>覃师宁博客html a标签演示案例</title>
- <style type="text/css">
- p{
- min-height: 350px;
- }
- a{
- color: red;
- }
- .istop{float: right;}
- </style>
- </head>
- <body>
- <div id="top" name="top"></div>
- <p>这是<a href="http://qinshining.com/" target="_blank" title="覃师宁博客首页">覃师宁博客</a>网页制作栏目html a标签演示案例</p>
- <a class="istop" href="#top">回到顶部</a>
- </body>
- </html>
案例2:
页内锚文本跳转,比如返回顶部,代码查看案例1
我们需要现在<body>后加入<div id="top" name="top"></div>
同时,在</body>前加入<a href="#top">回到顶部</a>,点击回到顶部就会跳转到页面顶部