你已经能写出完整文档。随着内容变多，还需要让源码容易读、容易改。HTML 提供了注释（comment），让我们在源码里留下说明：
<!-- 这里是社团介绍 -->
<p>欢迎新同学参加。</p>注释以 <!-- 开始，以 --> 结束。浏览器不会把注释内容当作页面正文显示，但访问者仍然可以查看源代码，因此不要把密码、密钥或私人信息放进注释。注释也可以临时包住一段 HTML，使它暂时不参与页面内容；不要把一条注释嵌套在另一条注释里。
缩进帮助人阅读
我们通常给内层元素缩进两个空格。例如 body 内的 p 比 body 多缩进一层。这样可以直观看到谁包含谁。缩进不是标签配对的替代品：即使排得整齐，也必须检查结束标签是否正确。
普通 HTML 文本中的连续空格和源码换行，默认通常会合并为一个空格。因此把“欢迎”和“参加”分别写在源码两行，不等于让页面显示为两行。不同段落应使用不同的 p；同一段内确有换行含义时，可以用已经学过的 br。不要靠连续敲空格来做页面排版，后续 CSS 会解决间距与布局问题。
想把标签本身显示出来怎么办
如果直接写 <p>，浏览器会把它当作标签。要让读者看到尖括号，可以使用字符引用：< 表示小于号，> 表示大于号，& 表示与号。每个引用都以 & 开始，以分号结束。
<p>段落的开始标签是 <p>。</p>
<p>茶 & 书</p>页面会显示“段落的开始标签是 <p>。”和“茶 & 书”。字符引用产生可见文字，并不会在第二次解析时再变成段落标签。
在 Lab 中比较排版整齐和压缩成一行的源码：页面结构相同。然后添加一条注释，确认它没有出现在预览中。最后尝试字符引用，练习区分“给浏览器的标记”和“给读者的文字”。完成本节后，你就具备阅读后续 HTML 示例所需的文档和语法基础。
页面实验：注释与代码格式
先切换对照示例，再按照观察提示修改一处 HTML，比较源码与真实页面。示例中的英文短句可以替换成自己的文字。
注释不显示，字符引用显示为文字。可以增加缩进，不改变段落结构。
预览保留浏览器默认的标题、段落和表单外观。示例切换会替换编辑内容；重置实验可恢复初始状态。可点击页内链接、输入文字和选择选项；此练习预览不提交数据、不运行脚本。要在本机尝试，将完整代码保存为 index.html 后用浏览器打开。
知识测验
动手编写：注释与代码格式
新建 index.html，按照下面的要求编写完整页面；保存并用浏览器打开，边操作边检查结果。参考答案是一种实现，文字内容可以不同。
- 写一个文档，用注释标出介绍区，页面正文只显示一个标题和一个段落。
- 段落中显示“Use <p> for a paragraph.”；对 body 内容进行一致缩进。