欢迎来到覃师宁博客!
帝国cms使用手册

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

编辑:覃师宁来源:qinshining.com时间:2021-04-16 16:38:48阅读量:

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标签锚文本超链接用法 第1张

案例2:

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

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

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

很赞哦!(

相关文章

更多回答

发表评论共有条评论
用户名:密码:
验证码:匿名发表
网创邦微信公众号