大家好,今天给大家分享一下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>
显示将网页在新的网页当中打开
关于超链接就到这里了,谢谢大家