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">跳转到&nbsp;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>