HTML超链接标签

链接标签的介绍

场景:点击之后,从一个页面跳转到另一个页面

称呼:a标签、超链接、锚链接

代码:

1
<a href="./目标网页.html">超链接</a>

特点:

双标签,内部可以包裹内容

如果需要a标签点击后去指定页面,需要设置a标签的href属性

链接标签的target属性

属性名:target

属性值:目标网页的打开形式

取值 效果
_self 默认值,在当前窗口中跳转(覆盖原网页)
_blank 在新窗口中跳转(保留原网页)
1
<a href="https://www.weiyunfeng.cf/" target="_blank">疯疯の神奇小窝</a>

代码示例

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<!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.weiyunfeng.cf" target="_blank">疯疯の神奇小窝</a>
<br>
<a href="#" target="_blank">空标签</a>
</body>
</html>