网页的链接标签

小吴在敲Bug

已于 2022-05-15 14:49:51 修改

阅读量155

点赞数

分类专栏： HTML笔记文章标签： html5 html

于 2022-05-13 22:26:58 首次发布

本文链接：https://blog.csdn.net/qq_45042462/article/details/124761128

版权

HTML笔记专栏收录该内容

9 篇文章 1 订阅

订阅专栏

这篇博客详细介绍了HTML中<a>标签的用法，包括设置href属性进行页面跳转，target属性控制窗口打开方式。同时，展示了如何结合<img>标签创建带链接的图片，以及如何利用锚点实现页面内部跳转。此外，还提到了电子邮件链接的创建方法。

摘要由CSDN通过智能技术生成

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

<!--使用name来做一个标记-->
<a name="top">顶部</a>

<!--
  a标签：
    href:必填，表示要跳转到那个页面
    target：表示窗口在哪里打开
      _blank  在新窗口打开网页
      _self   在当前窗口打开（默认）
-->
<a href="第一个网页.html" target="_blank">点击我跳转到页面一</a>
<a href="https://www.baidu.com" target="_self">点击我跳转到百度</a>
<br/>
<a href="第一个网页.html">
  <img src="../resources/image/1.jpg" alt="图片加载失败显示的文字" title="悬停文字"width="300"height="300" >
</a>


<p>
  <a href="第一个网页.html">
    <img src="../resources/image/1.jpg" alt="图片加载失败显示的文字" title="悬停文字"width="300"height="300" >
  </a>
</p>
<p>
  <a href="第一个网页.html">
    <img src="../resources/image/1.jpg" alt="图片加载失败显示的文字" title="悬停文字"width="300"height="300" >
  </a>
</p><p>
  <a href="第一个网页.html">
    <img src="../resources/image/1.jpg" alt="图片加载失败显示的文字" title="悬停文字"width="300"height="300" >
  </a>
</p><p>
  <a href="第一个网页.html">
    <img src="../resources/image/1.jpg" alt="图片加载失败显示的文字" title="悬停文字"width="300"height="300" >
  </a>
</p><p>
  <a href="第一个网页.html">
    <img src="../resources/image/1.jpg" alt="图片加载失败显示的文字" title="悬停文字"width="300"height="300" >
  </a>
</p><p>
  <a href="第一个网页.html">
    <img src="../resources/image/1.jpg" alt="图片加载失败显示的文字" title="悬停文字"width="300"height="300" >
  </a>
</p><p>
  <a href="第一个网页.html">
    <img src="../resources/image/1.jpg" alt="图片加载失败显示的文字" title="悬停文字"width="300"height="300" >
  </a>
</p><p>
  <a href="第一个网页.html">
    <img src="../resources/image/1.jpg" alt="图片加载失败显示的文字" title="悬停文字"width="300"height="300" >
  </a>
</p>

<!--
锚链接：
  1.需要一个锚标记
  2.跳转到标记
  3."网页链接+#锚标记"
-->
<a href="#top">回到顶部</a>

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

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

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

</body>
</html>

在这里插入图片描述

小吴在敲Bug

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
网页的链接标签

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>链接标签学习</title></head><body><a id="top">顶部</a><!-- a标签： href:必填，表示要跳转到那个页面
复制链接

扫一扫