新手篇:如何用标签制作一个链接(分享)

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

新手篇:如何用标签制作一个链接(分享)

标签:在HTML中是超级链接标签,一般以“”成对的形式出现。

功能:就是跳转页面,通过单击一行文字跳转新页,它是HTML的核心功能。

href属性:指定链接地址,在元素内部指定要显示的文字。

代码示例如下

代码效果图如下

9.jpg

不但可以包含文字,还可以包含其他元素,比如

代码示例如下

代码效果图如下

10.jpg

可以包含图片(之前的文章有详细说图片元素)。

代码示例如下

代码效果图如下

新手篇:如何用标签制作一个链接(分享)

单击上面任何一个链接,会发现新页面都会在当前页打开,当前页会被覆盖。有时我们不想谑当前页被覆盖掉,能不能让它在新标签页里打开呢?

没问题,我们可以用target属性指定单击跳转方式。

target属性:一共有以下几个值,其中前两项最常用

_blank:在新窗口中打开;

_self:默认。在相同的框架中打开;

_parent:在父框架集中打开;

_top:在整个窗口中打开。

parent和top两项涉及元素,可以暂时忽略,一般我们只是经常用到target='_self' 和 target='_blank',分别用于在当前页面打开,和在一个新的页面打开。

现在我给大家代码示例加上target=”_blank”

代码示例

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

推荐学习:Html视频教程

11.jpg

以上就是新手篇:如何用标签制作一个链接(分享)的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1550526.html

赞 (0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
如何使用html制作一个简洁的提交表单(代码详解)
上一篇 2025年12月21日 20:58:53
html怎么去掉input边框
下一篇 2025年12月21日 20:59:18

相关推荐

发表回复

登录后才能评论
关注微信