<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>超链接</title>
</head>
<body>
<!--<a></a>:超链接标签
href的值:
1,网络网页链接
2,本地网页链接
target:
1,默认为“_self”为在当前窗口打开链接
2,“_blank”为在另一个页面打开链接
-->
<hr color="red"/><br /><br />
<!-- 文字链接 -->
<a href="https://www.baidu.com/" >百度</a><br /><br />
<hr color="red"/>
<!-- 图片链接
在<a></a>中间插入图片标签
-->
<a href="https://www.baidu.com/" target="_blank"><img alt="百度" src="../imgs/bd_logo1.png" title="点击访问百度"></a>
<!--锚点
<p></p>
-->
<a name="top">顶部</a>
<a href="#three">到达最底层</a>
<p>
<a name="one"></a>
锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点
</p>
<a href="#one">上一节</a> <a href="#two">下一节</a>
<p>
<a name="two"></a>
锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚
</p>
<a href="#one">上一节</a> <a href="#three">下一节</a>
<p>
<a name="three"></a>
锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点锚点
</p>
<a href="#two">上一节</a>
<br />
<a href="#top">回到顶点</a>
</body>
</html>
效果图如下