超链接 - 阿霖找BUG

超链接

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>超链接标签</title>
</head>
<body>
<!--name作为锚点
href作为跳转-->
<a name="top">顶部</a>

<!--a标签
href:必须，表示要跳转到那个页面
target：表示窗口在哪里打开
_blank:在新标签中打开
_self:在自己的网页中打开（默认）
-->
<a href="第一个H5.html"target="_blank">跳转到页面一</a>
<a href="https://www.baidu.com"target="_self">跳转到百度</a>
<a href="基本标签.html">
    <img src="../resources/image/1.jpg" alt="萨博"title="跳转到第二页面"width="100"height="120">
</a>
<p>
    <a href="基本标签.html">
        <img src="../resources/image/1.jpg" alt="萨博"title="跳转到第二页面"width="300"height="420">
    </a>
</p>
<p>
    <a href="基本标签.html">
        <img src="../resources/image/1.jpg" alt="萨博"title="跳转到第二页面"width="300"height="420">
    </a>
</p>
<p>
    <a href="基本标签.html">
        <img src="../resources/image/1.jpg" alt="萨博"title="跳转到第二页面"width="300"height="420">
    </a>
</p>
<p>
    <a href="基本标签.html">
        <img src="../resources/image/1.jpg" alt="萨博"title="跳转到第二页面"width="300"height="400">
    </a>
</p>
<a href="#top">回到顶部</a>
<a name="drow">drow</a>
<!--功能性链接
邮件链接：mailto
QQ链接
-->
<a href="mailto:1737191246@qq.com">点击联系我</a>
<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=1737191246&site=qq&menu=yes">
    <img border="0" src="http://wpa.qq.com/pa?p=2:1737191246:53" alt="点击这里给我发消息" title="点击这里给我发消息"/>
</a>
</body>
</html>

锚点：

超链接.html里面：

<a name="drow">drow</a>

从这里跳转到超链接.htm的drow位置

<a href="超链接.html#drow">跳转到drow</a>

跳转到百度

<a href="https://www.baidu.com"target="_self">跳转到百度</a>

可以是文字也可以是图片

邮箱链接

<a href="mailto:1737191246@qq.com">点击联系我</a>
<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=1737191246&site=qq&menu=yes">
    <img border="0" src="http://wpa.qq.com/pa?p=2:1737191246:53" alt="点击这里给我发消息" title="点击这里给我发消息"/>
</a>

mailto：是打开就发生邮箱的

也可以去QQ推广的官网：

（有时候要刷新一下，不然代码是错误的）

posted on 2022-07-01 19:39 阿霖找BUG 阅读(26) 评论(0) 收藏举报