概述
<a>标签:在HTML中是超级链接标签,一般以“<a></a>
”成对的形式出现。
<a>功能:就是跳转页面,通过单击一行文字跳转新页,它是HTML的核心功能。
href属性:指定链接地址,在<a>
元素内部指定要显示的文字。
代码示例如下
<a href="https://www.uoften.com">靠谱客</a>
登录后复制
代码效果图如下
<a>
不但可以包含文字,还可以包含其他元素,比如<h1>
代码示例如下
<a href="https://www.uoften.com">
<h1>我是PHP中文</h1>
</a>
登录后复制
代码效果图如下
<a>可以包含图片(之前的文章有详细说图片元素)。
代码示例如下
<a href="https://www.uoften.com">
<img src="https://img.uoften.com/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.uoften.com"target=”_blank”>靠谱客</a>
登录后复制
这个链接在视觉上不会有任何变化,但是单击它就会在新标签页中打开链接地址。
推荐学习:Html视频教程
以上就是新手篇:如何用<a>标签制作一个链接(分享)的详细内容,更多请关注靠谱客其它相关文章!
最后
以上就是爱笑羽毛为你收集整理的新手篇:如何用<a>标签制作一个链接(分享)的全部内容,希望文章能够帮你解决新手篇:如何用<a>标签制作一个链接(分享)所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
发表评论 取消回复