学习
实践
活动
专区
工具
TVP
写文章

Web前端开发,HTML超链接标签,不懂的可以学习一下

一、什么是HTML的超链接

大家平时浏览的网页中都可以找到链接。点击链接就可以从一个页面跳转到另一个页面。

HTML超链接可以是一个字,一个词,或者一组词,也可以是一幅图像。可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。

当您把鼠标指针移动到网页中的某个链接上时,箭头会变为一只小手,表示当前有超链接。

我们通过使用 a 标签(anchor的缩写)在 HTML 中创建链接。如:

a标签

超链接

二、超链接两种使用 a 标签的方式

1、通过使用 href 属性 - 创建指向另一个文档的链接

href属性是hypertext reference的缩写,当超链接被点击的时候,哪个页面被打开,如:

href属性

href属性要写在开始标签中,可以为标签添加额外的功能和信息。

2、通过使用 target 属性 - 当超链接被点击的时候,新页面将在什么地方被打开,如:

target属性

_blank:在浏览器的新窗口中打开页面

_self:在当前窗口中打开页面,替换原来的页面,_self为target属性的默认值

html超链接标签

三、绝对路径和相对路径

1、绝对路径

相对路径

上图代码中的URL地址为绝对路径,向一个特定的服务器上的文件发送请求。

绝对路径总是包含协议和服务器,所以当想要连接到其他网站或者服务器上的时候,通常都是使用绝对路径。

2、相对路径

相对路径

上面代码中的steven.html为相对路径,相对路径从来不包含协议和服务器。

如果不包含协议或服务器,浏览器会假设协议和服务器与发出请求的页面相同。所以当要连接的网页在相同的服务器上时,通常会使用相对路径。

html超链接

html超链接演示结果

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20191029A09N4Y00?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

关注

腾讯云开发者公众号
10元无门槛代金券
洞察腾讯核心技术
剖析业界实践案例
腾讯云开发者公众号二维码

扫码关注腾讯云开发者

领取腾讯云代金券