欢迎访问覃师宁博客!

帝国cms使用手册

覃师宁博客

qinshining.com

html a标签锚文本超链接用法

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>

html a标签锚文本超链接用法

案例2:

页内锚文本跳转,比如返回顶部,代码查看案例1

我们需要现在<body>后加入<div id="top" name="top"></div>

同时,在</body>前加入<a href="#top">回到顶部</a>,点击回到顶部就会跳转到页面顶部

如果您觉得文章对您有所帮助,请不妨点赞,打赏,或者在评论区说出你的想法!

  • 人觉得很有价值

  • 打赏

    请不妨打赏支持一下

  • 没有

    人觉得价值一般

  • 感谢您的支持,我会继续努力的!
    扫码支持
    支付宝扫一扫,向我打赏

    文章评论

    人参与,共有 0 条评论

    为了响应国家网信办《网站要对跟帖评论审核管理规定》,网站评论将审核后发表

    微信订阅号