欢迎访问覃师宁博客!

覃师宁博客覃师宁博客

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 条评论

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

  • 您的网址:(选填)网址需填写域名前缀http://或者https://
    微信订阅号