本文摘自PHP中文网，作者奋力向前，侵删。
之前的文章《手把手教你使用img标签添加图片效果（知识）》中，给大家介绍了怎样使用img标签添加图片效果。下面本篇文章给大家带了解一下如何创建<a>点击链接的方法，新手的伙伴们来看看吧。
<a>标签：在HTML中是超级链接标签，一般以“<a></a>”成对的形式出现。
<a>功能：就是跳转页面，通过单击一行文字跳转新页，它是HTML的核心功能。
href属性：指定链接地址，在<a>元素内部指定要显示的文字。
代码示例如下
1 |
|
代码效果图如下
<a>不但可以包含文字，还可以包含其他元素，比如<h1>
代码示例如下
1 2 3 |
|
代码效果图如下
<a>可以包含图片（之前的文章有详细说图片元素）。
代码示例如下
1 2 3 |
|
代码效果图如下
单击上面任何一个链接，会发现新页面都会在当前页打开，当前页会被覆盖。有时我们不想谑当前页被覆盖掉，能不能让它在新标签页里打开呢？
没问题，我们可以用target属性指定单击跳转方式。
target属性：一共有以下几个值，其中前两项最常用
_blank：在新窗口中打开；_self：默认。在相同的框架中打开；_parent：在父框架集中打开；_top：在整个窗口中打开。
parent和top两项涉及<iframe>元素，可以暂时忽略，一般我们只是经常用到target='_self' 和 target='_blank'，分别用于在当前页面打开，和在一个新的页面打开。
现在我给大家代码示例加上target=”_blank”
代码示例
1 |
|
这个链接在视觉上不会有任何变化，但是单击它就会在新标签页中打开链接地址。
推荐学习：Html视频教程
以上就是新手篇：如何用<a>标签制作一个链接（分享）的详细内容，更多文章请关注木庄网络博客！
相关阅读 >>
Html label标签的作用是什么？Html label标签的用法方法详解
Html中的caption属性是什么意思？caption标签在Html中的用法（附实例）
更多相关阅读请进入《Html》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
