<!DOCTYPE html>
<!--
链接标签:
<a href="path" target="目标窗口位置">链接文本或图像</a>
-->
<html lang="en">
<head>
<meta charset="UTF-8">
<title>链接标签学习</title>
</head>
<body>
<a name=“top">
<p><strong>跳到这里 </strong></p> <!--此处为锚点-->
</a>
<!--
a标签
href: 必填! 表示要跳转到哪个页面
target: 表示窗口在哪里打开
_blank: 在新窗口中打开
_self: 在当前窗口打开
-->
<a href="1.我的第一个网页.html" target="_blank">
<p><strong>点击我跳转到页面一</strong></p>
</a><br/>
<a href="https://www.baidu.com" target="_self">
<p><strong>点击我跳转到百度</strong></p>
</a>
<br/>
<a href="2.基本标签.html">
<p><strong>点击我跳到页面二</strong></p>
<img src="../resources/image/2.jpg" alt="JOJO图片" title="简·皮耶尔·波鲁纳雷夫" width="400" height="500">
<!-- 此行代码是图片超链接,既可通过点击文字跳转,也可通过点击图片跳转 -->
</a>
<!--
锚链接:实现页面内的跳转与页面间的跳转(跳转到相应的位置)
1.需要一个锚标记
2.跳转到标记
#XXX(name中写的)
-->
<p>
<a href="#top"> <!--跳转到锚点处-->
<strong>跳一下!</strong>
</a>
</p>
<br/>
<!--
功能性链接
邮件链接:mailto
QQ链接
-->
<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=&site=qq&menu=yes">
<img src="../resources/image/5.jpg" width="100" height="100" alt="你好,加我领取小电影~" title="你好,加我领取小电影~"/>
</a>
<a href="mailto:222222222@qq.com">点击联系我</a>
<br/>
<a name="down">
<strong>down位置</strong> <!--锚点处-->
</a>
</body>
</html>