HTML中如何用a标签创建点击链接
导读:关于“HTML中如何用a标签创建点击链接”的知识点有一些人不是很理解,对此小编给大家总结了相关内容,文中的内容简单清晰,易于学习与理解,具有一定的参考学习价值,希望能对大家有所帮助,接下来就跟随小编一起学习一下“HTML中如何用a标签创建点...
关于“HTML中如何用a标签创建点击链接”的知识点有一些人不是很理解,对此小编给大家总结了相关内容,文中的内容简单清晰,易于学习与理解,具有一定的参考学习价值,希望能对大家有所帮助,接下来就跟随小编一起学习一下“HTML中如何用a标签创建点击链接”吧。a>
标签:在HTML中是超级链接标签,一般以“a>
/a>
”成对的形式出现。
a> 功能:就是跳转页面,通过单击一行文字跳转新页,它是HTML的核心功能。
href属性:指定链接地址,在a>
元素内部指定要显示的文字。
代码示例如下
a href="https://www.php.cn"> php中文网/a>
代码效果图如下
a>
不但可以包含文字,还可以包含其他元素,比如h1>
代码示例如下
a href="https://www.php.cn"> h1> 我是PHP中文/h1> /a>
代码效果图如下
a> 可以包含图片(之前的文章有详细说图片元素)。
代码示例如下
a href="https://www.php.cn"> img src="https://img.php.cn/upload/image/682/458/838/1627535900680707.jpg" width="200" height="200"> /a>
代码效果图如下
单击上面任何一个链接,会发现新页面都会在当前页打开,当前页会被覆盖。有时我们不想谑当前页被覆盖掉,能不能让它在新标签页里打开呢?
没问题,我们可以用target属性指定单击跳转方式。
target属性:一共有以下几个值,其中前两项最常用
_blank
:在新窗口中打开;_self
:默认。在相同的框架中打开;_parent
:在父框架集中打开;_top
:在整个窗口中打开。
parent和top两项涉及iframe>
元素,可以暂时忽略,一般我们只是经常用到target='_self'
和 target='_blank'
,分别用于在当前页面打开,和在一个新的页面打开。
现在我给大家代码示例加上target=”_blank”
代码示例
a href="https://www.php.cn"target=”_blank”> php中文网/a>
这个链接在视觉上不会有任何变化,但是单击它就会在新标签页中打开链接地址。
到此这篇关于“HTML中如何用a标签创建点击链接”的文章就介绍到这了,感谢各位的阅读,更多相关HTML中如何用a标签创建点击链接内容,欢迎关注网络资讯频道,小编将为大家输出更多高质量的实用文章!
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: HTML中如何用a标签创建点击链接
本文地址: https://pptw.com/jishu/655007.html