HTML超链接标签及应用

HTML链接标签

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>链接标签</title>
</head>
<body>
<!--a标签
href:必填,表示要跳转到那个页面
target:表示窗口在哪里打开
    _blank表示在新标签页打开
    _self表示在自己的网页打开
-->
<a id="top">顶部</a>
<a href="1.我的第一个网页.html" target="_blank">点击我跳转到页面一</a>
<a href="https://www.baidu.com">点击我跳转到百度</a>
<br/>
<a href="1.我的第一个网页.html">
    <img src="../resources/image/1.jpg" alt="Davis" title="悬停文字" width="645" height="1002.6">
</a>

<br/>
<!--锚链接
1.需要一个锚标记
2.跳转到标记
-->

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

<!--功能性链接
邮件链接:mailto:
QQ链接:
-->
<a href="mailto:[email protected]">点击联系我</a>
<br/>
<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:1114390269:53" alt="你好,我是Davis" title="你好,我是Davis"/></a>
</body>
</html>

HTML超链接标签及应用_第1张图片
HTML超链接标签及应用_第2张图片

你可能感兴趣的:(HTML+CSS,html,前端)