链接标签

链接标签

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>链接标签</title>
</head>
<body>

<!--使用name作为标记-->
<a name="top">顶部</a>
<!--a标签
href(必填),表示要跳转到哪个页面
target: 表示窗口在哪里打开
    _blank  在新标签中打开
    _self   在自己的网页中打开
-->
<a href="我的第一个网页.html" target="_blank">点击我跳转页面1</a>
<a href="https://www.baidu.com" target="_self">点击我跳转到百度</a>

<br/>

<a href="我的第一个网页.html">
    <img src="https://cdn.jsdelivr.net/gh/uxiaohan/GitImgTypecho/Acg/api.vvhan.com[614].jpg" alt="斯嘉图片" title="悬停文字" width="1960" height="1080">
</a>


<p>
    <a href="我的第一个网页.html">
        <img src="https://cdn.jsdelivr.net/gh/uxiaohan/GitImgTypecho/Acg/api.vvhan.com[614].jpg" alt="斯嘉图片" title="悬停文字" width="1960" height="1080">
    </a>
</p>

<p>
    <a href="我的第一个网页.html">
        <img src="https://cdn.jsdelivr.net/gh/uxiaohan/GitImgTypecho/Acg/api.vvhan.com[614].jpg" alt="斯嘉图片" title="悬停文字" width="1960" height="1080">
    </a>
</p>

<!--锚链接-->
<a href="#top">回到顶部</a>




<!--供能性链接
邮件链接:mailto:
-->

<a href="mailto:1527547367@qq.com">点击联系我</a>


<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:1527547367:53" alt="点我领取学习资料" title="点我领取学习资料"/></a>

</body>
</html>
posted @ 2021-07-18 17:19  斯嘉  阅读(55)  评论(0)    收藏  举报