HTML-TO 链接标签-2022-12-22

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
<meta charset="UTF-8">
<title>链接标签学习</title>
</head>
<body>
<!--锚标识-->
<a name="top">顶部</a>

<a href="https://www.baidu.com" target="_blank ">点击我跳转到百度</a>
<a href="http://localhost:63342/HTML1/html/HtmlDemo01.html" target="_blank ">点击我跳转到新页面</a>


<br>
<a href="http://localhost:63342/HTML1/html/HtmlDemo01.html">
<img src="../resource/image/tx.jpg" alt="头像"title="足球"width="300"height="300">
</a>


<p>
<a href="http://localhost:63342/HTML1/html/HtmlDemo01.html">
<img src="../resource/image/tx.jpg" alt="头像"title="足球"width="300"height="300">
</a>

</p>
<p>
<a href="http://localhost:63342/HTML1/html/HtmlDemo01.html">
<img src="../resource/image/tx.jpg" alt="头像"title="足球"width="300"height="300">
</a>

</p>
<p>
<a href="http://localhost:63342/HTML1/html/HtmlDemo01.html">
<img src="../resource/image/tx.jpg" alt="头像"title="足球"width="300"height="300">
</a>

</p>
<p>
<a href="http://localhost:63342/HTML1/html/HtmlDemo01.html">
<img src="../resource/image/tx.jpg" alt="头像"title="足球"width="300"height="300">
</a>

</p>
<p>
<a href="http://localhost:63342/HTML1/html/HtmlDemo01.html">
<img src="../resource/image/tx.jpg" alt="头像"title="足球"width="300"height="300">
</a>

</p>

<!--锚链接 页 面间跳转
1.需要一个锚标记
2.跳转到标记
#

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

<a name="down">down </a>

<!--功能性链接
邮件链接 mailto
QQ链接-->

<a href="mailto:28997140@qq.com"></a>

</body>
</html>
posted @ 2022-12-22 12:30  Rui2022  阅读(40)  评论(0编辑  收藏  举报