文字格式与含义

标题和段落把大块内容分开了，但同一段话中有时还需要标出重要提醒、语气重点或代码。我们可以在 p 中嵌套更小的文字元素。先问“这几个字为什么特殊”，再选标签，而不是只看它是否变粗、变斜。

重要性与语气强调

strong 表示内容有较强的重要性、严重性或紧迫性；em 表示说话时的语气强调。它们默认通常分别显示为粗体和斜体，但核心区别是含义。

<p><strong>请提前报名。</strong>我们希望你<em>亲自</em>参加。</p>

第一句是重要提醒；“亲自”改变句子的强调重点。b 可以引起注意而不增加重要性，例如文章中的关键词；i 可表示与周围不同性质的词语，例如术语或外语短语。它们不是 strong 和 em 在含义上的完全替代品。单纯为了美化文字，应在 CSS 阶段处理。

标记阅读重点与代码

mark 表示在当前语境中需要突出显示的内容，例如搜索结果中匹配的词，默认常有黄色背景。code 表示一段计算机代码，默认常用等宽字体。它们仍然可以位于段落里面：

<p>搜索结果：周末<mark>读书</mark>活动。</p>
<p>段落标签写成 <code>&lt;p&gt;</code>。</p>

code 不会阻止 HTML 解析，里面的尖括号仍要用字符引用。需要展示多行代码并保留空格、换行时，可以使用 pre（预格式化文本），再在里面嵌套 code。pre 与普通 p 的空白处理不同，不要给代码前面随意加多余缩进，否则空格也可能显示。

<pre><code>&lt;h1&gt;我的页面&lt;/h1&gt;
&lt;p&gt;第一段介绍。&lt;/p&gt;</code></pre>

Lab 提供活动提醒与代码笔记两种页面。修改 strong 包裹的文字，观察重要提醒的范围；再编辑 pre 内的换行，比较它与普通段落的区别。记住：默认外观帮助我们观察，但选择元素时仍然依据内容含义。

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Leaflet Club</title>
</head>
<body>
  <h1>Reading reminder</h1>
  <p><strong>Register in advance.</strong> Please attend <em>in person</em>.</p>
  <p>Search: weekend <mark>reading</mark> club.</p>
</body>
</html>