HTML链接标签详解，很简单

最新推荐文章于 2024-04-24 14:53:02 发布

思诚代码块

最新推荐文章于 2024-04-24 14:53:02 发布

阅读量1k

点赞数

分类专栏： HTML 实战讲解文章标签： html 前端

本文链接：https://blog.csdn.net/weixin_47556601/article/details/122649671

版权

HTML 实战讲解专栏收录该内容

14 篇文章 0 订阅

订阅专栏

大家好，今天给大家分享一下HTML链接标签

超链接可以是一个字，一个词，或者一组词，也可以是一幅图像，您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。

超链接语法：

<a href="url">链接文本</a>

在这里插入图片描述

超链接有两种

1.文本超链接
2.图像超链接

源码实例说明：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>链接标签</title>
</head>
<body>
<!--a标签
href : 必填，表示要跳转到那个页面
target : 表示窗口在哪里打开
_blank  在新标签中打开
_self  在自己的网页当中打开（默认就是这样）-->     

<a href="我的第一个网页.html">点击我跳转到页面一</a>
<a href="https://www.baidu.com ">点击我跳转到百度</a>



<p>
    <a href="我的第一个网页.html">
        <img src="../resourse/images/QQ截图20211026123053.png" alt="jishi" title="悬停文字" width="600" height="600">
    </a>
</p>



<p>
    <a href="我的第一个网页.html">
        <img src="" alt="jishi" title="悬停文字" width="600" height="600">
    </a>
</p>



<p>
    <a href="我的第一个网页.html">
        <img src=" ../resourse/images/QQ截图20211026123053.png  " alt="jishi" title="悬停文字"  width="600" height="600">
    </a>
</p>

<p>
    <a href="我的第一个网页.html">
        <img src=" ../resourse/images/QQ截图20211026123053.png   " alt="jishi" title="悬停文字"  width="600" height="600">
    </a>
</p>


<p>
    <a href="我的第一个网页.html">
        <img src=" ../resourse/images/QQ截图20211026123053.png   " alt="jishi" title="悬停文字"  width="600" height="600">
    </a>
</p>

<p>
    <a href="我的第一个网页.html">
        <img src=" ../resourse/images/QQ截图20211026123053.png  " alt="jishi" title="悬停文字"  width="600" height="600">
    </a>
</p>

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


<a href="mailto:3252586428@qq.com">点击联系我 </a>


</body>
</html>

上面是超链接标签整体的代码：

下面来分开讲

<a href="我的第一个网页.html">点击我跳转到页面一</a>
<a href="https://www.baidu.com ">点击我跳转到百度</a>

网页显示的结果：

在这里插入图片描述

点击它之后，会跳转到我们自己写的指定页面

在这里插入图片描述

在这里插入图片描述
点击第二个到百度的页面

下面是我们的图像超链接

<p>
    <a href="我的第一个网页.html">
        <img src="../resourse/images/QQ截图20211026123053.png" alt="jishi" title="悬停文字" width="600" height="600">
    </a>
</p>

显示结果：

在这里插入图片描述

点这个图像，即可到达我们自己写的页面

在这里插入图片描述

效果是这样的

<a href="我的第一个网页.html"target="_blank=" >点击我跳转到页面一</a>

显示将网页在新的网页当中打开

在这里插入图片描述

关于超链接就到这里了，谢谢大家

思诚代码块

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
打赏
0
评论
HTML链接标签详解，很简单

大家好，今天给大家分享一下HTML链接标签超链接可以是一个字，一个词，或者一组词，也可以是一幅图像，您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。超链接语法：<a href="url">链接文本</a>超链接有两种1.文本超链接2.图像超链接源码实例说明：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <
复制链接

扫一扫