新手篇：如何用标签制作一个链接（分享）

之前的文章《手把手教你使用img标签添加图片效果（知识）》中，给大家介绍了怎样使用img标签添加图片效果。下面本篇文章给大家带了解一下如何创建a> 点击链接的方法，新手的伙伴们来看看吧。

a> 标签：在HTML中是超级链接标签，一般以“a> /a> ”成对的形式出现。

a> 功能：就是跳转页面，通过单击一行文字跳转新页，它是HTML的核心功能。

href属性：指定链接地址，在a> 元素内部指定要显示的文字。

代码示例如下

a href="https://www.php.cn">
    /a>
    

代码效果图如下

a> 不但可以包含文字，还可以包含其他元素，比如h1>

代码示例如下

a href="https://www.php.cn">
    h1>
    我是PHP中文/h1>
    /a>
    

代码效果图如下

a> 可以包含图片（之前的文章有详细说图片元素）。

代码示例如下

a href="https://www.php.cn">
    img src="https://img.js-code.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.php.cn"target=”_blank”>
    /a>
    

这个链接在视觉上不会有任何变化，但是单击它就会在新标签页中打开链接地址。

推荐学习：Html视频教程

以上就是新手篇：如何用a> 标签制作一个链接（分享）的详细内容，更多请关注其它相关文章！

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！