HTML超链接a标签的herf、target属性用法

HTML超链接a标签的herf、target属性用法HTML 中 a 标签的 herf target 属性的用法 在页面中超链接可以是一个字 一个词 或者一段话 也可以是一幅图像 可以点击这些内容来跳转到新的页面或者当前页面中的某个部分 在 HTML 中通常使用 a 标签创建链接 a 标签的使用非常简单 a 标签中加入属性 herf url

大家好,我是讯享网,很高兴认识大家。

HTML中a标签的herf、target属性的用法

<a href="http://www.baidu.com">百度一下</a> 
讯享网

说到herf属性,下面给大家介绍一下a标签中herf属性的两种用法。

herf用法

1.跳转到目标页面
上述说到跳转到百度首页,在没有网的情况下也可以跳转到本地资源的页面。

讯享网<a href="index3.html">跳转到本地页面</a> 

点击超链接文字后跳转到新页面。
在这里插入图片描述
2.锚链接

第一种是在本页面中实现点击跳转到页面任意一个位置,因为需要页面产生竖向的滚动条,所以页面需要大量的内容(给大家介绍一个在VScode编辑器中快速生成随机文本的技巧,输入Lorem*200按Enter键即可产生200行随机文本)
第一步:在要跳转的位置添加一个ID(设置目标位置)
在这里插入图片描述
第二步:在页面底部建立一个a标签
第三步:在a标签中href属性为#id名进行跳转
在这里插入图片描述
运行程序,点击“回到头部”即可跳转到页面最上面,锚链接的使用可以跳转到页面的任何位置,只需将第一步标签写到自己想跳转的位置就可以了。

第二种是跳转到其他页面的相应位置,用法和第一种的一样,只需将第三步herf属性中写为目标页面的地址和跳转位置的#id名(注意:地址和id名之间要用空格隔开)在这里插入图片描述

target用法

target属性用于设置打开链接页面的方式,常用的有以下两种方式(以跳转到百度首页为例)
1.target属性值为_self
如果a标签中不设置target属性值,_self为这个属性的默认值,其作用是在当前页面跳转进行跳转。

<a href="http://www.baidu.com" target="_self">百度一下</a> 

在这里插入图片描述
点击后,百度首页依然在此页面打开。
在这里插入图片描述
1.target属性值为_blank
跳转在一个新打开、未命名的页面。

讯享网<a href="http://www.baidu.com" target="_blank">百度一下</a> 

在这里插入图片描述
点击后,浏览器新开一个窗口打开百度首页。
在这里插入图片描述
另外target还有两种较不常用的属性值,一种是_parent(在父窗体中打开链接),另一种是_top (在当前窗体打开链接,并替换当前的整个窗体)

小讯
上一篇 2025-02-10 07:25
下一篇 2025-02-10 19:04

相关推荐

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容,请联系我们,一经查实,本站将立刻删除。
如需转载请保留出处:https://51itzy.com/kjqy/48307.html