HTML <a>标签

超链接:可以允许我们从当前文档链接到任意其他文档(其他资源),也可以链接到文档的某个特定部分。

  • 下面a标签写有href属性和tagert属性。
<a href="http://www.baidu.com" target="_blank">百度一下</a>
  • href表示跳转的目的地,取值有:
  1. 目标元素的ID值
href="#目标元素的ID值"; //注意记得加入符号#,这个是用于锚点跳转,如:从底部返回到顶部,底部a标签的href属性值就是返回到顶部的某个元素的ID值。

2.URL
就是在href属性值处填写需要跳转到其他文件的路径,这个路径又分为相对路径和绝对路径。

 <!-- 相对路径以.或者..开始 
        .代表当前文件的目录    ..代表当前文件所在目录的上级目录-->
    <a href="./3-列表.html">跳转到列表页面</a>

    <!-- 在当前的目录上访问./可以省略掉 -->
    <a href="3-列表.html">跳转到列表页面</a>

    <a href="../day02/3-列表.html">跳转到列表页面</a>

 <!-- 绝对路径 -->
    <!-- file:///表示本地打开 -->
    <a href="file:///D:/Dang-briup/2-html/day02/3-列表.html">跳转到列表页面</a>
    <!-- 把图片拖拽到浏览器或者cmd可以得到图片的绝对路径 -->
    <a href="file:///D:/Dang-briup/1-axure/day03/images/%E5%88%87%E7%89%87.jpg" target="_blank">打开一个图片</a>

3.email
在href的属性值处填写邮箱地址,可以跳转到邮箱。

<a href="1969999999@qq.com">联系我!!!!!</a>

target表示是在什么地方打开链接文档。

target="_self";//这是默认的属性,会在当前选项卡打开新页面
target="_blank";//表示在在当前选项卡打开新的页面显示链接的内容
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值