html <a>标签四种常用超链接

本文详细介绍了HTML中的a标签使用方法,包括如何在本窗口或新窗口打开链接,以及如何为图片添加超链接。同时,文章还提供了一个示例,展示了a标签在实际网页设计中的应用。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

<!DOCTYPE html>
<html>
	<head>
	 <meta charset="utf-8">
		<title>a标签</title>
	</head>
	<body>
		<!--在本窗口打开链接-->
		<a href="http://www.baidu.com">baidu</a><br>
		<!--新窗口打开连接-->
		<a href="http://www.baidu.com" target="_blank">baidu</a><br>
		<!--为图片增加超链接-->
		<a href="http://www.baidu.com"><img src="111.jpg" alt="美女"></a><br>
		<a href="text.html">文本格式化元素</a>
	</body>
</html>

 

### 链接标签 `<a>` 的使用方法 链接标签 `<a>` 用于创建超链接,通过 `href` 属性指定链接的目标地址,同时可以通过 `target` 属性控制链接打开的方式。例如,`_self` 表示在当前窗口打开链接,`_blank` 表示在新窗口中打开链接[^1]。以下是一个基本的使用示例: ```html <a href="https://www.baidu.com" target="_self">跳转到百度</a> ``` 在没有明确目标链接的情况下,`href` 属性可以设置为 `"#"`,表示一个空链接[^4]。此外,链接不仅可以作用于文本,还可以作用于图像、音频、视频等元素。 ### `<hr>` 标签的使用方法 `<hr>` 标签用于在 HTML 页面中插入一条水平线,常用于分隔内容区域。该标签不需要闭合,使用时直接写 `<hr>` 即可。`<hr>` 标签支持多种属性,如 `width`、`color`、`size` 等,可以分别用来设置水平线的宽度、颜色和高度(粗细)[^3]。以下是一个使用 `<hr>` 标签的示例: ```html <hr width="100%" color="#000000" size="2"> ``` 上述代码将在页面中插入一条宽度为 100%、颜色为黑色、高度为 2 像素的水平线。 ### 示例代码 以下是一个包含 `<a>` 标签和 `<hr>` 标签的完整 HTML 示例代码: ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <a href="https://www.baidu.com" target="_self">跳转到百度</a> <a href="./地址/1.png" target="_blank">跳转本地1.png图片</a> <hr width="100%" color="#000000" size="2"> </body> </html> ``` ###
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值