HTML学习记录二:html标签(五):超链接标签

一、超链接标签写法

在 HTML 标签中, 标签用于定义超链接,作用是从一个页面链接到另一个页面。

<a  href = "跳转的路径url" title ="鼠标移到链接上的时候显示的文字"  taget = "打开窗口的方式">超链接</a>

二、超链接标签的属性

属性
href链接去往的路径,必写属性,没有就是空链,用#填写,最好不要为空
target新窗口打开的方式, “_self”:默认值,在自身页面打开(关闭自身页面,打开链接窗口)
target新窗口打开的方式, “_blank”:打开新页面(自身页面不关闭,打开一个新的链接页面)

        在<head>标签里面写<base target="_blank">这样就可以使所有的超链接在新窗口打开。

三、超链接的锚点用法

在当前页面通过标签的ID属性,用超链接来查找,页面会跳转到当前页面的那个锚点

  <p  id = "maod"></p><!-- 定义一个锚点-->
  <a href = "#maod"></a><!-- 回到指定锚点->
   <a href = "#"></a><!-- 回到顶部 -->

四、链接分类

  1. 外部链接: 例如 < a href="http:// www.baidu.com "> 百度。
  2. 内部链接:网站内部页面之间的相互链接. 直接链接内部页面名称即可,例如 < a href=“index.html”> 首页 。
  3. 空链接: 如果当时没有确定链接目标时,< a href="#"> 首页 。
  4. 下载链接: 如果 href 里面地址是一个文件或者压缩包,会下载这个文件。
  5. 网页元素链接: 在网页中的各种网页元素,如文本、图像、表格、音频、视频等都可以添加超链接.
  6. 锚点链接: 点我们点击链接,可以快速定位到页面中的某个位置.
    4.9 超链接标签 (重点)
    在链接文本的 href 属性中,设置属性值为 #名字 的形式,如 第2集
    找到目标位置标签,里面添加一个 id 属性 = 刚才的名字 ,如:

    第2集

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值