<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>链接标签学习</title>
</head>
<body>
<!--使用name来做一个标记-->
<a name="top">顶部</a>
<!--
a标签:
href:必填,表示要跳转到那个页面
target:表示窗口在哪里打开
_blank 在新窗口打开网页
_self 在当前窗口打开(默认)
-->
<a href="第一个网页.html" target="_blank">点击我跳转到页面一</a>
<a href="https://www.baidu.com" target="_self">点击我跳转到百度</a>
<br/>
<a href="第一个网页.html">
<img src="../resources/image/1.jpg" alt="图片加载失败显示的文字" title="悬停文字"width="300"height="300" >
</a>
<p>
<a href="第一个网页.html">
<img src="../resources/image/1.jpg" alt="图片加载失败显示的文字" title="悬停文字"width="300"height="300" >
</a>
</p>
<p>
<a href="第一个网页.html">
<img src="../resources/image/1.jpg" alt="图片加载失败显示的文字" title="悬停文字"width="300"height="300" >
</a>
</p><p>
<a href="第一个网页.html">
<img src="../resources/image/1.jpg" alt="图片加载失败显示的文字" title="悬停文字"width="300"height="300" >
</a>
</p><p>
<a href="第一个网页.html">
<img src="../resources/image/1.jpg" alt="图片加载失败显示的文字" title="悬停文字"width="300"height="300" >
</a>
</p><p>
<a href="第一个网页.html">
<img src="../resources/image/1.jpg" alt="图片加载失败显示的文字" title="悬停文字"width="300"height="300" >
</a>
</p><p>
<a href="第一个网页.html">
<img src="../resources/image/1.jpg" alt="图片加载失败显示的文字" title="悬停文字"width="300"height="300" >
</a>
</p><p>
<a href="第一个网页.html">
<img src="../resources/image/1.jpg" alt="图片加载失败显示的文字" title="悬停文字"width="300"height="300" >
</a>
</p><p>
<a href="第一个网页.html">
<img src="../resources/image/1.jpg" alt="图片加载失败显示的文字" title="悬停文字"width="300"height="300" >
</a>
</p>
<!--
锚链接:
1.需要一个锚标记
2.跳转到标记
3."网页链接+#锚标记"
-->
<a href="#top">回到顶部</a>
<a name="down">底部</a>
<!--
功能性链接:
邮件链接:mailto
-->
<a href="mailto:2929054638@qq.com">点击联系我</a>
</body>
</html>
网页的链接标签
于 2022-05-13 22:26:58 首次发布
![](https://img-home.csdnimg.cn/images/20240711042549.png)