第一章已经用过 h1 和 p。这一节我们要把一篇较长的活动介绍分成清晰的层次，让读者先找到主题，再阅读细节。HTML 中有 h1 到 h6 六级标题，数字越小，层级越高。
先想内容层次，再选标签
把网页想成一本小册子：h1 是整页主题，h2 是主题下的大部分，h3 是某个部分里的小部分。我们从一个清晰的 h1 开始；不是把六种标题各用一次，也不是为了字号大小任意选数字。
<h1>周末阅读活动</h1>
<p>欢迎第一次参加的朋友。</p>
<h2>活动安排</h2>
<p>上午一起阅读，下午交流。</p>
<h3>上午阅读</h3>
<p>请自带一本喜欢的书。</p>
<h2>参加方式</h2>
<p>在前台登记即可。</p>这里“上午阅读”属于“活动安排”，因此使用 h3；“参加方式”与“活动安排”并列，因此回到 h2。不要因为想把文字变小就从 h1 跳到 h4，控制外观是后续 CSS 的工作。清晰的标题也能帮助使用屏幕阅读器的人按标题浏览内容。
一个段落表达一个相对完整的意思
p 用来组织正文。想写两段内容，就写两对 p，而不是在一个 p 内按几次回车。标题与段落应当并列：不要把 h2 放进 p 里面；浏览器可能自动结束 p，使实际结构与你想象的不一样。
有时同一段内容确实需要换行，例如两行地址，可以使用 br：
<p>阅读中心<br>二楼活动室</p>br 表达的是换行，不是新段落。也不要连续堆叠 br 来制造上下空白。普通段落中的源码空格和换行仍然遵守上一章介绍的合并规则。
在 Lab 中比较“缺少层次”和“分层介绍”，观察视觉区别，再修改 h2、h3 的文字，验证标题层级对应的是内容关系。把预览切成窄屏，观察长段落自动换行；这种自动换行与手工插入 br 不是同一件事。
页面实验：标题与段落
先切换对照示例，再按照观察提示修改一处 HTML，比较源码与真实页面。示例中的英文短句可以替换成自己的文字。
所有内容都标为段落，难以快速发现文章层次。
预览保留浏览器默认的标题、段落和表单外观。示例切换会替换编辑内容；重置实验可恢复初始状态。可点击页内链接、输入文字和选择选项；此练习预览不提交数据、不运行脚本。要在本机尝试，将完整代码保存为 index.html 后用浏览器打开。
知识测验
动手编写：标题与段落
新建 index.html，按照下面的要求编写完整页面；保存并用浏览器打开，边操作边检查结果。参考答案是一种实现，文字内容可以不同。
- 做一个活动页面，使用一个 h1、两个并列的 h2，每个 h2 后至少一个 p。
- 在第一个 h2 下添加一个 h3 小节；检查没有把标题放进 p。