HTML超级链接标签a简介

html

在网页内容中,最常见到的就是链接了,点击之后会跳转到其他网页;

从而起到导航的作用,是网页的基本常见功能。

在HTML中称之为超级链接,由标签<a>来指定超级链接;

请看下面代码示例:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>超级链接示例</title>
</head>
<body>
<a href="https://chuguo.pro" target="_blank">初果编程</a>
</body>
</html>

在代码<body></body>之间的第8行代码

<a href=”https://chuguo.pro”>初果编程</a>

便是一个超级链接元素,在网页上显示的是初果编程href是元素a的属性,

指定目标地址,当点击初果编程网页就会跳转到链接 https://chuguo.pro 指向的页面当然也可以链接本地电脑的网页文件,例如有link.html和demo.html两个文件,在 link.html文件中编写如下代码:

<a href=”demo.html”>demo</a>

此时点击demo就跳转到demo.html

如果想定义打开链接时,是在新窗口还是当前窗口,可以经由链接的target属性来实现;

<a href="https://chuguo.pro" target="_blank">初果编程</a>
<a href="https://chuguo.pro" target="_self">初果编程</a>

在上面的例子中:

当a元素定义了target=”_blank”时,点击链接后,就会在新的窗口打开链接;

当a元素定义了target=”_self”时,点击链接后,就会在当前窗口打开链接。