什么是链接标签？

最新推荐文章于 2023-07-15 21:07:45 发布

置顶 L7674

最新推荐文章于 2023-07-15 21:07:45 发布

阅读量1.5k

点赞数 2

文章标签： html 百度

本文链接：https://blog.csdn.net/L7674/article/details/107573802

版权

什么是链接标签？

超链接

文本超链接
图片超链接

在这里插入图片描述

href 必填跳转到那个页面的链接
target 显示的位置 _blank 表示重新开启一个标签
链接后面接的是文本或图片

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>链接标签学习</title>
</head>
<body>
<!-- <a href="> ....</a>
    href 必填 跳转到那个页面的链接
    target 显示的位置  _blank 表示重新开启一个标签
    链接后面接的是文本或图片
-->
<!--文本超链接-->
<a href="我的第一个网页.html" target="_self">点击这里跳转</a>
<hr/>
<!--图片超链接-->
<p><a href="https://www.baidu.com" target="_blank" title="百度"><img src="../Resource/images/1.jpg" alt=""width="50"height="70" ></a></p>
</body>
</html>

代码后的结果

在这里插入图片描述

点击图片执行到百度首页

在这里插入图片描述

点击文本到

在这里插入图片描述

锚链接

使用标记位用#键来进行跳转

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>链接标签学习</title>
</head>
<body>
  
    
<a name="top">顶部</a>
<!--使用name 做一个标记-->

    
<!-- <a href="> ....</a>
    href 必填 跳转到那个页面的链接
    target 显示的位置  _blank 表示重新开启一个标签
    链接后面接的是文本或图片
-->
<!--文本超链接-->
<a href="我的第一个网页.html" target="_self">点击这里跳转</a>
<hr/>
<!--图片超链接-->
<p><a href="https://www.baidu.com" target="_blank" title="百度"><img src="../Resource/images/1.jpg" alt=""width="120"height="200" ></a></p>
<p><a href="https://www.baidu.com" target="_blank" title="百度"><img src="../Resource/images/1.jpg" alt=""width="120"height="200" ></a></p>
<p><a href="https://www.baidu.com" target="_blank" title="百度"><img src="../Resource/images/1.jpg" alt=""width="120"height="200" ></a></p>
<p><a href="https://www.baidu.com" target="_blank" title="百度"><img src="../Resource/images/1.jpg" alt=""width="120"height="200" ></a></p>
<p><a href="https://www.baidu.com" target="_blank" title="百度"><img src="../Resource/images/1.jpg" alt=""width="120"height="200" ></a></p>


<!--锚链接
需要一个标记
跳转到标记  #
-->
<a href="#top">回到顶部</a>

</body>
</html>

功能性链接

邮件链接 mailto

<a href="mailto:你的qq邮箱"></a>

QQ链接

**在网页中搜索QQ推广 **

在这里插入图片描述

<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::52" alt="给我发消息" title="给我发消息"/>
</a>