html 超链接标签

能实现不同页面的跳转

<a href="路径" title="鼠标悬停之后的提示信息" target="规定在何处打开文档">内容(内容可以是图片)</a>

target属性:规定在何处打开文档
A:target="_self"默认值(原页面打开)
B:target="_blank"新窗口打开
 <!-- 网址 -->
    <a href="https://www.baidu.com/">百度</a>
    <!-- 本地文件 -->
    <a href="./摩洛哥/moluoge.html" target="_self">本地文件1</a>
    <!-- 空链接 -->
    <a href="#">空链接</a>
    <!-- 伪链接 -->
    <a href="javascript:" title="我是伪链接">伪链接</a>

    <!-- title -->
    <a href="https://www.baidu.com/" title="百度">百度title</a>

    <!-- a:超链接标签
        href:跳转的路径;
        网址,本地文件,空链接(#占位,跳转到当前页的顶部),伪链接(href="javascript:"假链接,不跳转的)
        title:提示信息的作用
        target:被链接文档在哪里显示
              1.target='_self' 在当前窗口跳转,默认值
              2.target='_blank'在新窗口跳转
          语法:
          <a href="">内容</a>
          特性:
          1.宽度默认由内容撑开
          2.高度默认由内容撑开
          3.默认横向显示,水平布局,一行排不下,自动折行
          4.换行和空格会被解析
          5.自带文字颜色
          6.自带下划线
          7.鼠标指针的形状为手型
          8.去掉a标签下划线text-decoration: none;

          利用锚点来跳转指定锚点处

          定义锚点
          <div id='锚点名称'></div>
          引用锚点
          <a href="#锚点名称">内容</a>
    -->

 <!-- 点击这个也会跳转到顶部,但是跳转到顶部的原因:由于href属性没有写东西,点击的时候会刷新页面 -->
  <a href="">点击跳转到顶部没有#</a>

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Ezr-

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值