HTML: HTML 段落
段落是网页上组织文本的最基本方式。熟练掌握常见的文本标签能让内容更具可读性。
1. 段落标签<p>
<p> 标签（paragraph）用于定义一个段落。浏览器会自动在段落前后添加间距（margin），使得多个段落之间自然分隔。
多个 <p> 元素依次排列，就形成了文章的正文结构。这是网页中最常见的文本组织形式，新闻文章、博客帖子、产品描述等都以段落为基础构建。
▶ 示例
HTML
<p>这是第一个段落。浏览器会在段落前后自动添加间距。</p>
<p>这是第二个段落，紧跟在第一个段落后。页面上的段落会自然分开，形成清晰的阅读节奏。</p>
<p>这是第三个段落。多个段落依次排列，构成一篇完整的文章。</p>
📌 注意：
<p> 是块级元素，它会占据一整行宽度。即使你在 HTML 中把两个 <p> 写在同一行，浏览器也会将它们渲染为两个独立的块。
2. 换行与分隔线
除了段落标签，HTML 还提供了两个与文本布局相关的空标签：<br> 和 <hr>。
(1) 换行标签<br>
<br>（break）表示在文本中强制换行。它适合用于地址、诗歌、歌词等需要手动控制换行位置的场景。请注意：<br> 不是用来制造段落间距的——段落间距应该用 <p> 或 CSS 来控制。
(2) 水平分隔线<hr>
<hr>（horizontal rule）在页面中绘制一条水平线，通常表示内容的主题切换或章节分隔。和 <br> 一样，<hr> 也是一个空标签。
▶ 示例
HTML
<p>这是一行文字，<br>这是同一段中换行后的文字。</p>
<hr>
<p>分隔线以上是上半部分，以下是下半部分。</p>
<p>地址示例：<br>
北京市朝阳区建国路88号<br>
XX 大厦 12 层<br>
邮编：100022</p>
⚠️ 注意事项： 不要滥用
<br> 来制造段落间距。如果想让段落之间的间距变大，应该使用 CSS 的 margin 属性，而不是堆叠多个 <br>。
3. HTML 转义字符简介
在 HTML 中，某些字符具有特殊含义（比如 < 和 > 用于标签）。如果你想在段落中显示这些字符本身，就必须使用转义字符（也称 HTML 实体）。
核心原理：浏览器读到 < 时会把它当作标签的开始。如果想让它显示为"小于号"，就必须写成 <。同理，& 符号本身也需要转义，因为它是实体符号的前缀。
最常用的 5 个转义字符：
| 字符 | 代码 | 说明 |
|---|---|---|
|
|
不换行空格 |
< |
< |
小于号 |
> |
> |
大于号 |
& |
& |
and 符号 |
" |
" |
双引号 |
📌 更多内容：完整的实体符号列表、命名实体与数字编号的区别、特殊空白字符的使用方法，请参考 第 11 章：HTML 实体符号。
❓ 常见问题
Q
<p>标签和<br>标签有什么区别？什么时候用哪个？A
<p>是段落标签，它会创建一个独立的文本块，浏览器会在段落前后自动添加间距（margin）；<br>是换行标签，它只是在当前段落内强制换行，不会创建新的段落。简单说：<p>用于"另起一段"，<br>用于"同一段内换行"。常见错误是用多个<br>来制造段落间距——这是错误的做法，应该用多个<p>标签。记住：<br>用于地址、诗歌等需要精确控制换行位置的场景，不要用它来控制布局。Q 为什么不能用多个
<br>来制造段落间距？A 用多个
<br>制造间距是早期网页设计的坏习惯，现在绝对不推荐。原因有三：1）语义错误——<br>表示"换行"，不表示"间距"，用它控制间距就像用回车键代替段落分隔；2）难以维护——如果要调整间距，你需要删除或添加多个<br>，而用CSS的margin只需要改一个数值；3）响应式问题——在不同屏幕尺寸下，多个<br>制造的间距效果不一致。正确做法：用<p>标签定义段落，用CSS的margin控制段落间距。Q HTML中的空格（
）和普通空格有什么区别？A 普通空格在HTML中会被浏览器"折叠"——多个连续空格只会显示一个。这是HTML的设计特性，目的是让源代码中的缩进和换行不影响页面显示。
（non-breaking space）是"不换行空格"，它有两个作用：1）它不会被折叠，多个 会显示多个空格；2）它防止浏览器在此处换行—— 连接的两个词会被视为一个整体，不会被分到两行。常见用途：数字和单位之间（如100 px）、人名之间（如张 三）。📖 小节
<p>定义段落，是块级元素，浏览器自动在前后添加间距<br>强制换行，<hr>绘制水平分隔线 —— 两者都是空标签- 转义字符用于显示特殊字符，核心 5 个记牢：
<>&" （完整内容见第 11 章） - 不要滥用
<br>制造段落间距，应该用 CSS 的margin控制
📝 作业
- 文本排版练习：用
<p>、<br>、<hr>标签写一篇包含以下内容的短文：三个段落、一个地址（用<br>换行）、一条分隔线。 - 转义字符练习：在页面中显示以下内容："HTML 使用
<p>标签定义段落，& 符号需要用 & 来转义。"
（提示：你需要正确嵌套转义字符，让浏览器显示的是转义字符本身，而不是它代表的字符）
