前端笔记05—— HTML标题

最新推荐文章于 2025-09-26 15:59:51 发布

原创最新推荐文章于 2025-09-26 15:59:51 发布 · 439 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#HTML #HTML标签

前端专栏收录该内容

93 篇文章

订阅专栏

本文介绍了HTML的基本概念，包括如何使用<h1>-<h6>标签创建不同级别的标题，以及如何利用<hr/>标签添加水平线以增强网页布局的视觉效果。此外还强调了代码注释的重要性。

前言

前面我学习了HTML的属性，下面是我学到的HTML的标题，标题很重要。搜索引擎使用标题为您的网页的结构和内容编制索引，而且用户可以通过标题来快速浏览您的网页，所以用标题来呈现文档结构是很重要的。

HTML标题的实现

标题（Heading）是通过<h1> - <h6>等标签进行定义的。<h1>定义最大的标题。<h6>定义最小的标题。

实例

使用下面的代码就可以看出<h1> - <h6>等标签的区别了。有个情况需要注意的是浏览器会自动地在标题的前后添加空行。默认情况下，HTML 会自动地在块级元素前后添加一个额外的空行，比如段落、标题元素前后。

<html>
	<head></head>
	<body>
		<h1>这是1级标题</h1>
		<h2>这是2级标题</h2>
		<h3>这是3级标题</h3>
		<h4>这是4级标题</h4>
		<h5>这是5级标题</h5>
		<h6>这是6级标题</h6>
	</body>
</html>

HTML水平线

在某些HTML界面中会出一条水平线将内容分割开来。<hr />标签就可以在HTML页面中创建一条水平线。

HTML注释

注释必不可少的，有时候写的代码太久了。我也不知道自己写的是什么，所以写代码注释很重要。

<!--这是一个注释 -->