QD1-P9 HTML常用标签:超链接(1)

本节学习:HTML 超链接标签,也就是 a 标签。

在前端开发中,<a>​ 标签是超链接(anchor)标签,用于创建指向其他网页、文件、位置等的链接。


本节视频

www.bilibili.com/video/BV1n64y1U7oj?p=9


  • 简单示例

HTML 代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>P9-a标签</title>
	</head>
	<body>
		a标签示例:
		<a href="http://www.baidu.com">百度一下</a>
	</body>
</html>

效果

recording


  • a 标签的用法
<a href="链接地址">链接文本</a>

  • a 标签的属性 - href

href 属性用于指定 URL。可以是一个绝对 URL(如 https://www.example.com​),也可以是相对 URL(如 ./another-page.html ​表示当前目录下的另一个页面)。

  • a 标签的属性 - target

target 属性决定链接在何处打开。等于 _blank ​时,在新页面打开链接。等于 _self ​时在当前页面打开链接。

<a href="http://www.baidu.com" targe="_blank">百度一下</a>

<a href="http://www.baidu.com" targe="_self">百度一下</a>

  • 下载

当链接的URL为资源时,浏览器通常会直接下载资源。

<a href="document.pdf">下载文档</a>

尽量明确链接文本的意义,让人一眼知道链接指向什么内容:

  • 推荐 - 链接文本的意义明确
<a href="index.html">首页</a>
<a href="about.html">关于我们</a>
  • 不推荐 - 链接文本的意义不明
<a href="index.html">点这里</a>
<a href="about.html">更多</a>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值