前端必会标签 – 文本标签

我们编写网页的内容都是在body里面。

对于下面这样子的内容，可以用word很轻松的实现出来。

但是如果直接将文字放到body里面，就会达不到排版的效果，因为浏览器会将他识别为一段话，所以我们需要给文字定义格式。

一、常用的文本标签

1. 标题标签

• 作用：定义一篇文章的标题；被搜索引擎收录

• 用法：通过 h1 、h2、h3、h4、h5、h6 标签进行定义

<h1>若你安好，便是晴天</h1>

⚠️注意：

<

h1> 定义最大的标题。

<

h6> 定义最小的标题；请确保将 HTML 标题 标签只用于标题。不要仅仅是为了生成粗体或大号的文本而使用标题。

2. 段落标签

• 作用：定义一个段落

• 用法：通过 p标签进行定义

<p>若你安好，便是晴天</p>

3. 换行标签

• 作用：强制换行

• 用法：通过 br标签进行定义

<p>若你安好<br>便是晴天</p>

4. 下划线标签

• 作用：分隔内容

• 用法：通过hr标签进行定义

<hr>

5. HTML注释

• 作用：可以将注释插入 HTML 代码中，这样可以提高其可读性，使代码更易被人理解。浏览器会忽略注释，也不会显示它们。
• 用法：通过进行定义

<!-- 你若安好，便是晴天 -->

⚠️注意：开始括号之后（左边的括号）需要紧跟一个叹号，结束括号之前（右边的括号）不需要，合理地使用注释可以对未来的代码编辑工作产生帮助。