05 超链接标签及应用 

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


<!--
a标签：就是超链接标签
  1. 页面链接
  2. 锚链接（锚点）:不同页面之间也可以
  3. 功能性链接：mailto:邮箱链接
               QQ链接
-->

<body>
<a name="top">最上面</a><br>  <!--锚链接的锚点-->
<h>  <strong>超链接标签学习</strong> </h>  <br>
<h3>普通超链接</h3> <br>
<a href="图像标签.html" target="_blank">点击跳转到爱莉希雅的页面</a>
<br>
<a href="https://www.baidu.com" target="_self">点击跳转到百度的页面</a>
<hr>
<h3>图片超链接</h3> <br>
<a href="我的第一个网页.html">
    <img src="/resources/image/1.png" alt="爱莉希亚" title="悬停文字---爱莉希亚" width="500"  height="300" ->
</a>
<a href="我的第一个网页.html">
    <img src="/resources/image/1.png" alt="爱莉希亚" title="悬停文字---爱莉希亚" width="500"  height="300" ->
</a>
<a href="我的第一个网页.html">
    <img src="/resources/image/1.png" alt="爱莉希亚" title="悬停文字---爱莉希亚" width="500"  height="300" ->
</a>
<a href="我的第一个网页.html">
    <img src="/resources/image/1.png" alt="爱莉希亚" title="悬停文字---爱莉希亚" width="500"  height="300" ->
</a>
<a href="我的第一个网页.html">
    <img src="/resources/image/1.png" alt="爱莉希亚" title="悬停文字---爱莉希亚" width="500"  height="300" ->
</a>
<a href="我的第一个网页.html">
    <img src="/resources/image/1.png" alt="爱莉希亚" title="悬停文字---爱莉希亚" width="500"  height="300" ->
</a>
<a href="我的第一个网页.html">
    <img src="/resources/image/1.png" alt="爱莉希亚" title="悬停文字---爱莉希亚" width="500"  height="300" ->
</a>
<a href="我的第一个网页.html">
    <img src="/resources/image/1.png" alt="爱莉希亚" title="悬停文字---爱莉希亚" width="500"  height="300" ->
</a>
<a href="我的第一个网页.html">
    <img src="/resources/image/1.png" alt="爱莉希亚" title="悬停文字---爱莉希亚" width="500"  height="300" ->
</a>
<a href="我的第一个网页.html">
    <img src="/resources/image/1.png" alt="爱莉希亚" title="悬停文字---爱莉希亚" width="500"  height="300" ->
</a>
<a href="我的第一个网页.html">
    <img src="/resources/image/1.png" alt="爱莉希亚" title="悬停文字---爱莉希亚" width="500"  height="300" ->
</a>
<a href="我的第一个网页.html">
    <img src="/resources/image/1.png" alt="爱莉希亚" title="悬停文字---爱莉希亚" width="500"  height="300" ->
</a><br>

<h3>锚点超链接</h3> <br>
<a href="#top">回到顶点</a>

<h3>功能性链接</h3> <br>
<a href="mailto:24736743.@qq.com">发邮件给狂神</a><br>

</body>
</html>
posted @   被占用的小海海  阅读(19)  评论(0)  编辑  收藏  举报
相关博文：
·  我的第一次博客园的博客
·  11 文本阴影和超链接伪类
·  超链接标签及应用
·  HTML5-超链接标签及应用（页面链接、锚点链接：跳转其他页面的任意位置/或者跳转回顶部、功能性链接：邮箱链接、qq链接）
·  Day02超链接标签及应用
阅读排行：
· TypeScript + Deepseek 打造卜卦网站：技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 三行代码完成国际化适配，妙~啊~
· .NET Core 中如何实现缓存的预热？
点击右上角即可分享
微信分享提示
SQL AI 助手