超链接标签

链接标签

  • 文本超链接
  • 图片超链接

语法如下

<a href="path" target="目标窗口位置">链接文本或图像</a>>
<!-- href = 链接路径   target=链接在哪个窗口打开-->

我们在新建一个 链接标签 的html.file

并且命名为 链接标签学习

在这里插入图片描述

a标签 和 href

超链接的标签是 a 标签 里面有个重要的关键词是href ,这个是必须要写的,他表示要跳转到哪个页面(地址)

在这里插入图片描述

我们把href 的地址设置为 图片标签.html

然后再后面输入 点击我跳转到图片标签

最后用/a结尾

我们用浏览器运行一下

在这里插入图片描述

就会发现有 点击我跳转到图片标签 字样 ,鼠标放上去就会变成一个小手,点击一下就会跳到图片链接地址

图片超链接

在a标签里面可以嵌套文字,当然也可以嵌套图片

在这里插入图片描述

我们在写一个标签,中间写上图片标签

这样我们就可以点击图片进行超链接了

,我们用浏览器运行一下

就会发现有一张图片,你点击图片就会跳转到你设置的地址了

target

target:表示在哪里打开

-blank : 在新的标签打开

-self : 在当前网页打开 (系统默认)

在这里插入图片描述

锚链接

在这里插入图片描述

在这里插入图片描述

我们可以用它来跳转到,我们制定的标记,不过跳转的时候需要一个#号

我们在顶部设置 一个 ”头“ name 可以为任意值 只要a标签没有href 那么就是一个没有用的标签

可以这样给他制定一个坐标,然后再底部用a标签 跳转过去

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值