html-超链接标签

一、 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