02-html标签

最新推荐文章于 2025-11-23 16:59:48 发布

原创最新推荐文章于 2025-11-23 16:59:48 发布 · 636 阅读

CC 4.0 BY-SA版权

文章标签：

4 篇文章

订阅专栏

本文详细介绍了HTML中的标题标签（h1-h6）、段落标签（p）以及超链接标签（a），包括外部链接、内部链接、空链接、下载链接和锚点链接的用法。通过实例展示了如何创建和使用这些标签，帮助读者更好地理解和应用HTML进行网页制作。

一、标题标签

h1到h6标签中，h1字体最大，h6字体最小，一般用于标题。

	<h1>我爱学习</h1>
    <h2>我爱学习</h2>
    <h3>我爱学习</h3>
    <h4>我爱学习</h4>
    <h5>我爱学习</h5>
    <h6>我爱学习</h6>

效果如下：
在这里插入图片描述

<p>标签定义段落，浏览器会自动地在段落的前后添加空行。

ooo <p>我是一个段落标签</p> kkk!!

效果如下：
在这里插入图片描述

不要忘记使用结束标签！！！！虽然大多数浏览器也会正确地显示出来，但不要依赖这种做法。

当然也可直接使用br来换行。

ooo <br />我是一个段落标签<br /> kkk!!

效果跟上方p是一致的。

<a>标签定义超链接，作用是跳转到另一个页面上。默认链接样式为蓝色文字，有下划线。

<a href="URL地址" target="链接页面打开方式" title="当光标停留在链接上
时显示的提示内容"> 跳转链接显示的文本内容/图像 </a>

target取值有

      _self（打开页面覆盖当前页面，默认值）
      _blank（创建新窗口打开新页面）
      _top（在浏览器的整个窗口打开，将会忽略所有的框架结构）
      _parent（在上一级窗口打开）

打开的是互联网链接。
在这里插入图片描述

网站内部页面之间的相互链接。
在这里插入图片描述

url地址为 ‘ # ’，虽然有超链接样式，但是不会跳转到任何页面。

  <a href="#">空</a>

要求地址中是一个文件或压缩包。

 <a href="image/1.zip">下载的文件</a>

当点击链接时，可以快速定位到页面中的相应位置。

在这里插入图片描述
效果如下:

点击链接后：