4. 超链接标签
4. 超链接标签
1. 普通链接
<a href="https://www.baidu.com" target="_blank">点击我跳转到百度(可以是文字也可是图片)</a>
<!--点击图片的形式打开-->
<a href="https://www.bilibili.com" target="_self">
<img src="../resources/image/1.jpg" alt="图片显示错误替代文字" title="点击我跳转到B站" width="300" height="500">
</a>
<!--跳转到同项目的其它位置-->
<a href="1.我的第一个网页.html" target="_self">跳转到 1.我的第一个网页.html</a>
<!---->
href：表示要跳转的链接的路径
target：表示跳转后新页面在哪里打开 (_blank 表示在新窗口打开/ _self 表示在当前窗口打开)
2. 锚链接
<!--锚链接-->
<!--锚链接
也是a标签
1.需要一个标记 (锚) 在上边定义一个标记
2.跳转到标记
用(#+标记名字)来表示
-->
<!--使用name作为标记-->
<a name="top">顶部</a>
......
<a href="#top">回到顶部</a>
name：设置在对应位置上，想跳到顶部就要设置在中的最上面
跳转到标记 用(#+标记名字)来表示
3. 功能性链接
3.1 邮件链接
<a href="mailto:2572152950#@qq.com">点击联系我</a>
<!--QQ推广-->
<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=907495973&site=qq&menu=yes">
<img border="0" src="http://wpa.qq.com/pa?p=2:907495973:53" alt="加我领取好康的哦~" title="点击此处跟马帅宝聊天~"/></a>
