HTML5+CSS前端开辟【保姆级教学】+超链接标签

[复制链接]
发表于 2025-9-25 17:15:03 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有账号?立即注册

×
一、引入:

        Hello!,各位编程猿们!一个页面可以跳转到其他页面,去访问其他资源,使得我们的文档更加的灵动,那我们怎样实现差别页面的跳转呢?本期重要先容超链接标签
那么什么是超链接标签呢?

我们可以打开百度的官网页面


当我们点击消息按钮

就会跳转到百度消息页面

当我们点击贴吧

页面则跳转到百度贴吧,我们点击的笔墨按钮就是超链接

二、超链接先容

        超链接是用于导航的一种根本元素,它答应用户通过单击跳转到其他页面或资源。它可以是一个字、一个词大概一组词,也可以是一幅图像,单击这些内容就可以跳转到新的文档大概当前文档中的某个部门。
(1)语法格式:

        <a href="链接路径">文本或图像</a>
(2)作用:

它可以跳转到指定的页面(大概网站)
(3)属性先容:

1.href

        指定链接路径(a标签所要跳转的目标地点)
2.target

        界说目标窗口(平凡来说就是设置在欣赏器打开目标网址的方式)
        用于设置当前超链接跳转的目标网址,target属性值为为_blank时,指代当前超链接标签在新的窗口打开目标网址
3.title

        界说链接提示信息
三、接下来我们用代码演示一下

起首,我们在键盘上输入a,回车

这时间我们可以看到a标签出来了

我们在href属性内里填写我们要跳转的路径,这里我们粘贴上B站的域名,并写上"哔哩哔哩"的文本

生存代码运行一下,可以看到页面上体现哔哩哔哩的文本链接,那么我们点击上面的文本链接

我们就可以看到页面会跳转到,哔哩哔哩的官网页面


  • 这里我们利用target属性,让它重新载入一个新窗口载入
现在我们看到的B站官网就是没有覆盖到原先的文本链接的页面


固然我们也可以多写一个超链接标签

我们可以发现两个超链接位于同一行

固然,怎样我们不想让它们位于同一行,可以在每一句超链接标签外貌,利用段落标签

运行结果,即可实现超链接标签换行结果

        留意!目标地点不光是别人的网址,还可以跳转到本身的页面,这里只必要做的事变就是把链接路径改成要跳转的绝对路径就可以了,这期内容就到这里,如果你喜欢这篇文章的话,别忘了动动小手,点赞收藏噢! 
回复

使用道具 举报

登录后关闭弹窗

登录参与点评抽奖  加入IT实名职场社区
去登录
快速回复 返回顶部 返回列表