04_链接标签

链接标签

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>链接标签学习</title>
</head>
<body>
<!-- 使用name作为标记 , 让锚链接根据name跳转-->
<a name="top"></a>
<!--
a标签
href: 必填, 表示要跳转到哪个页面
target: 表示窗口在哪里打开
    _blank  在新标签中打开
    _self   在自己的网页中打开
-->
<a href="01_firstHtmlWeb.html" target="_blank">点击跳转到主页,在新页面打开</a>
<a href="https://www.baidu.com" target="_self">点击跳转到百度</a>
<br/>
<a href="01_firstHtmlWeb.html">
    图片超链接<img src="../resources/img/图片.png" alt="图片描述" title="鼠标悬停文字" width="800" height="231">
</a>

<p>
    <a href="01_firstHtmlWeb.html">
        图片超链接<img src="../resources/img/图片.png" alt="图片描述" title="鼠标悬停文字" width="800" height="231">
    </a>
</p>
<p>
    <a href="01_firstHtmlWeb.html">
        图片超链接<img src="../resources/img/图片.png" alt="图片描述" title="鼠标悬停文字" width="800" height="231">
    </a>
</p>
<p>
    <a href="01_firstHtmlWeb.html">
        图片超链接<img src="../resources/img/图片.png" alt="图片描述" title="鼠标悬停文字" width="800" height="231">
    </a>
</p>
<p>
    <a href="01_firstHtmlWeb.html">
        图片超链接<img src="../resources/img/图片.png" alt="图片描述" title="鼠标悬停文字" width="800" height="231">
    </a>
</p>
<p>
    <a href="01_firstHtmlWeb.html">
        图片超链接<img src="../resources/img/图片.png" alt="图片描述" title="鼠标悬停文字" width="800" height="231">
    </a>
</p>
<!-- 锚链接 -->

<a href="#top">回到顶部</a>


<!-- 功能性链接
邮件链接: mailto
qq链接: 进入 QQ推广 网站复制
-->
<a href="mailto:522056045@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:522056045:52" alt="点击领取100元现金红包" title="点击领取100元现金红包"/></a>
<!--
块元素: 无论多少内容, 该元素独占一行( p , h1-h6 )
行内元素: 内容撑开宽度, 左右都是行内元素的可以排在一行(a, strong , em...)
-->
</body>
</html>
已标记关键词 清除标记
相关推荐
©️2020 CSDN 皮肤主题: 我行我“速” 设计师:Amelia_0503 返回首页