文本元素
访问者在页面上阅读的大多数内容都是普通的书面内容：标题、段落、加粗的警告、引用的文字、代码片段。HTML 为这些内容各自提供了特定的元素，选择正确的元素不仅仅改变文本的外观。它告诉浏览器、搜索引擎和辅助工具每段文本实际上是什么。
标题和层级
HTML 为你提供了六种大小的**标题**，从 <h1> 到 <h6>。标题是页面或其某个部分的标题。<h1> 是主标题，是顶部最大的那个。<h2> 标记主要部分，<h3> 标记其中的小节，以此类推到 <h6>。
想象一本印刷的书。封面上的标题是 <h1>。每个章标题是 <h2>。章内的标题是 <h3>。你使用这些级别来显示什么属于什么之下。
从一开始就要记住的一点是：不要因为标题让文本变成你想要的大小而选择它。<h1> 看起来很大，但它的作用是说"这是主标题"，而不是"让这个变大"。如果你想要某个地方的大文本，那是CSS稍后要做的工作。
<h1>初学者烤酸面包</h1>
<h2>建立发酵种</h2>
<p>发酵种是面粉和水的活培养物。</p>
<h3>第一天到第三天</h3>
<p>混合等量的面粉和水，然后等待。</p>
<h2>烤你的第一条面包</h2>
<p>一旦发酵种活跃，你就准备好烤了。</p>一个 <h1> 命名整个页面。两个 <h2> 标题标记主要部分，<h3> 整齐地位于第一个部分内。单独读标题数字，你可以在不读一个字正文的情况下看到文章的形状。
<h1> 到 <h6>，<h1> 是一个主标题在顶部。其余的标记你的章节和小节。我早期陷入的陷阱：不要仅仅因为标题看起来很大就抓取它，那是 CSS 的工作。数字是关于事物是什么，而不是它的大小。 段落和换行
普通文本块放在**段落**中，即 <p> 元素。将每个段落包装在自己的 <p>...</p> 中，浏览器会在其上下方给予一些空间，因此段落彼此分开，就像在书中一样。
<p>面包需要四样东西：面粉、水、盐和时间。</p>
<p>把这些做好，其余的就是耐心。</p>注意在你的 HTML 文件中按 Enter 不会对页面做任何事情。浏览器忽略你键入的换行符和额外空格；它只关心标签。这就是为什么你需要 <p> 来分隔段落，而不仅仅是在不同的行上键入它们。
如果你真的需要一条线在段落内断开，比如地址的行或短诗的行，有一个 <br> 元素可以用。它强制单行换行，仅此而已。
<p>...</p>，那就是在段落之间放置空间的原因。浏览器忽略你键入的 Enters 和空格，所以标签做工作。仅当一条线真的需要在段落中断开时才使用 <br>，比如地址。 强调：<strong> 和 <b>、<em> 和 <i>
两个元素使文本加粗，两个使其斜体。<strong> 和 <b> 都渲染为粗体；<em> 和 <i> 都渲染为斜体。所以四个标签，两种外观。
<p><strong>警告：</strong>烤箱非常热。</p>
<p>你需要彻底<em>揉搓</em>面团。</p>现在，当一段文本很重要时，比如警告时，使用**<strong>**，当你想强调一个单词（就像你大声朗读时你的声音会做的那样）时，使用 <em>。这两个是你大多数时候想要的，浏览器为你使它们粗体和斜体。
<strong> 和 <b> 都加粗，<em> 和 <i> 都斜体。起初，当某些东西很重要时使用 <strong>，比如警告，当你想强调一个单词时使用 <em>，就像你的声音会做的那样。这两个会涵盖你写的几乎所有东西。 其他内联文本（引用、<code>、<abbr> 和更多）
除了粗体和斜体，HTML 有小元素用于常见的文本位。短引用位于 <q> 中，浏览器为你添加引号。代码片段，比如命令的名称，进入**<code>**，浏览器以等宽字体显示它，使其从普通文本中脱颖而出。
<p>我奶奶常说 <q>看着的壶永远不会沸腾</q>。</p>
<p>使用 <code>Ctrl S</code> 快捷键保存文件。</p>还有少数几个这样的，但 <q> 代表短引用，<code> 代表代码是你会最常遇到的两个。每个都包装一点文本并告诉浏览器它是什么。
<q> 包装短引用并为你添加引号，<code> 以等宽字体显示代码使其脱颖而出。还有少数几个这样的小标签，但这两个来了最多。每个都只是包装一点文本并说它是什么。