HTML超链接

一、a标签

在HTML中,可以使用a标签来实现超链接。

相关语法:

<a href = "链接地址”>文本或图片</a>

href表示想要跳转的那个页面路径,即相关地址,可以是相对路径,可以是绝对路径。

超链接的使用范围非常广,可以将文本设置成超链接,即“文本超链接”;也可以将图片设置成超链接,即“图片超链接”。

二、target属性

在HTML中可以使用target属性来定义超链接打开窗口的方式。

相关语法为:

<a href = "链接地址" target = "打开方式"></a>

a标签的target属性取值有4种。

target属性取值
属性值说明
_self在原来窗口打开链接(默认)
_blank在新窗口打开链接
_parent在父窗口打开链接
_top在顶层窗口打开链接

注意:一般情况下,只会用到“_blank"这一个值。

三、内部链接

在HTML中,超链接有两种:一种是外部链接,另外一种是内部链接。外部链接指的是”外部网站的页面“,而内部链接指的是”自身网站的页面“。

四、锚点链接

在HTML中,锚点链接其实是内部链接中的一种,它的链接地址(也就是href)指向的是当前页面的某个部分。即当点击某一个超链接,它就会跳到当前页面的某一部分。

实现锚点链接需要定义的参数:

  • 目标元素的id。
  • a标签的href属性指向该id。

注意:

  • id属性就是元素的名称,这个id名是随便起的(一般为英文名)。不过在同一个页面中,id是唯一的,也就是说一个页面不允许出现相同的id。
  • 给a标签的href属性赋值时,需要在id前面加上”#“,用于表示这是一个锚点链接。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值