提到段落，我们第一时间是不是可以想到 word 中的段落，如下图：
上图总共有3个段落。
段落（英文 paragraph）是一组围绕同一个核心意思、逻辑上紧密关联的句子或文字的集合，是文本内容的基本组织单元，通过与其他段落分隔开，实现内容的分层和有序呈现。
一个段落应该具备如下几点：
有核心主旨：一段落只讲一件事 / 一个观点，比如 “介绍 HTML<p>标签的语义化作用” 这部分内容，就可以构成一个段落。
有明确分隔：通过空白间距（Word、浏览器）、换行（部分纯文本）与其他段落区分，避免内容混杂，提升可读性。
是文本的 “最小结构化单元”：比句子层级高，比章节（Word 标题对应的内容）层级低，是搭建完整文本的基础。
HTML 中的 “段落” 和通用概念一致，但有更明确的技术定义：是通过 <p> 标签包裹的、具备独立语义的文本内容块，具备两个关键特征：
语义上独立：包裹的内容是一个完整的表意单元，不与其他 <p> 标签内的内容混淆（比如网页中 “产品介绍”“使用说明” 需分别放在不同 <p> 标签中，形成不同段落）。
排版上分隔：浏览器会自动为其添加上下外边距，实现视觉上的分隔，无需手动添加额外空白。
📢 注意：HTML 中「段落」和「换行」的区别，避免混淆：
段落：<p> 标签，语义完整，视觉上有上下间距（分隔两个独立表意单元）。
换行：<br> 标签，无语义，仅实现文本内的强制换行（同一表意单元内的行分隔，比如诗歌的分行）。
例如：定义一个标题，两个段落
<!-- 核心标题 -->
<h1>前端学习心得</h1>
<!-- 第一个段落：开篇内容 -->
<p>HTML是网页开发的基石，它负责搭建网页的骨架，定义内容的结构。对于新手来说，入门 HTML 的关键是掌握各类标签的语义和使用场景，而不是死记硬背。</p>
<!-- 第二个段落：补充说明，嵌套行内元素强调关键信息 -->
<p>在学习过程中，<strong>多做实战练习</strong>比单纯看教程更有效，比如跟着题目制作个人信息卡、课程表等，能快速巩固所学知识。同时，要注意养成良好的代码规范，比如标签闭合、属性值用双引号包裹。</p>下面是段落的完整实例，点击试一试运行：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HTML教程</title>
</head>
<body>
<!-- 核心标题 -->
<h1>前端学习心得</h1>
<!-- 第一个段落：开篇内容 -->
<p>HTML是网页开发的基石，它负责搭建网页的骨架，定义内容的结构。对于新手来说，入门HTML的关键是掌握各类标签的语义和使用场景，而不是死记硬背。</p>
<!-- 第二个段落：补充说明，嵌套行内元素强调关键信息 -->
<p>在学习过程中，<strong>多做实战练习</strong>比单纯看教程更有效，比如跟着题目制作个人信息卡、课程表等，能快速巩固所学知识。同时，要注意养成良好的代码规范，比如标签闭合、属性值用双引号包裹。</p>
<!-- 第三个段落：包含强制换行（特殊场景） -->
<p>学习前端的路线大致如下：<br>
1. 掌握HTML基础，搭建网页结构；<br>
2. 学习CSS，美化网页样式；<br>
3. 掌握JavaScript，实现网页交互。</p>
</body>
</html>运行效果如下图：
更多HTML知识继续阅读后续教程……
川公网安备51010802032098