超链接
1页面间链接
代码示例：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>链接标签学习</title>
</head>
<body>
<!--a标签
href:必填，表示要跳转到的页面
target:表示窗口在那里打开
_blank:在新的页面中打开
_self:在当前页面中打开
-->
<a href="Demo01.html" target="_blank">点击我跳转到页面1 </a>
<br/>
<a href="https://www.baidu.com" target="_self">点击我跳转到百度</a>
<br/>
<!--图像超链接-->
<a href="Demo01.html">
<img src="../resources/img/2.jpg" alt="图片消失啦" width="480" height="300">
</a>
</body>
</html>
测试访问：
**_blank会重新打开一个页面实现跳转，_self则是在当前页面实现跳转
2锚链接
用#标识符进行跳转（可以实现页面间定点跳转）
代码示例：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>链接标签学习</title>
</head>
<body>
<!--标记顶部-->
<a name="top">顶部</a>
<!--a标签
href:必填，表示要跳转到的页面
target:表示窗口在那里打开
_blank:在新的页面中打开
_self:在当前页面中打开
-->
<a href="Demo01.html" target="_blank">点击我跳转到页面1 </a>
<br/>
<a href="https://www.baidu.com" target="_self">点击我跳转到百度</a>
<br/>
<!--图像超链接-->
<a href="Demo01.html">
<img src="../resources/img/2.jpg" alt="图片消失啦" width="480" height="300">
</a>
<p>
<img src="../resources/img/2.jpg" alt="图片消失啦" width="480" height="300">
</p>
<p>
<img src="../resources/img/2.jpg" alt="图片消失啦" width="480" height="300">
</p>
<p>
<img src="../resources/img/2.jpg" alt="图片消失啦" width="480" height="300">
</p>
<p>
<img src="../resources/img/2.jpg" alt="图片消失啦" width="480" height="300">
</p>
<p>
<img src="../resources/img/2.jpg" alt="图片消失啦" width="480" height="300">
</p>
<hr/>
<a href="#top">回到顶部</a>
<!--标记底部-->
<a name="down">底部</a>
</body>
</html>
测试访问：
点击回到顶部时将回到页面顶部
页面间顶点跳转
代码示例：
Demo03.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>图像标签</title>
</head>
<body>
<!--img学习
src:图片地址（相对地址，绝对地址（完整地址））
../ 返回上一级目录
-->
<!--alt（alternate），当图片找不到时，显示指定内容-->
<!--title鼠标悬停在图片上时显示的文字-->
<img src="../resources/img/1.jpg" alt="图片消失啦" title="壁纸" width="480" height="300">
<a href="Demo04.html#down">跳到页面四底部</a>
</body>
</html>
Demo04.html
与上面一致
测试访问：
3功能性链接
代码示例：
<!--功能性链接
邮件链接：mailto:
-->
<a href="mailto:[email protected]">点击联系源浩</a>
访问测试：
