一、 a标签
<!-- a标签
href: 必填, 表示要跳转到哪个页面
target: 表示窗口在哪里打开_blank 在新标签中打开_self 在当前网页打开
--><a href="1.我的第一个网页.html" target="_blank">点击跳转到第一个页面</a>
<a href="https://www.baidu.com" target="_self">点击跳转到百度</a>
二、图像超链接
<a href="1.我的第一个网页.html"><img src="resources/image/1.jpg" alt="测试图片" title="悬停文字" width="300" height="300">
</a>
三、锚链接
<!-- 使用name 作为标记-->
<a name="top">顶部</a>
<!-- 在同一个页面内使用 href="#top"-->
<a href="#top">回到顶部</a>
<!-- 在不同页面 使用 href="地址#down"-->
<a href="4.超链接标签.html#down">跳转到4.超链接的down锚链接</a>
四、功能性链接
<!-- 功能性链接
邮件链接: mailto:
QQ链接
-->
<a href="mailto:24736743@qq.com">点击联系我</a>
<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=578050080&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:578050080:53" alt="点击这里给我发消息" title="点击这里给我发消息"/>
</a>
https://www.bilibili.com/video/BV1x4411V75C?p=5&spm_id_from=pageDriver