一、<ol> + <li>

ol 表示一个有序列表，li 表示列表项。

<ol>
  <li>第一项</li>
  <li>第二项</li>
  <li>第三项</li>
</ol>

二、<ul> + <li>

ul 表示一个无序列表，li 表示列表项。

<ul>
  <li>列表项</li>
  <li>列表项</li>
  <li>列表项</li>
</ul>

三、<dl> + <dt> + <dd>

dl 表示一组术语的列表，dt 表示术语名，dd 表示术语解释。

<dl>
  <dt>互联网一线城市</dt>
  <dd>指的是北上广深杭</dd>
</dl>

四、<pre>

pre 会保留标签内部的格式（空格、换行等）。

<pre>
  我想说
    其实你很好
      你自己
        却不知道
</pre>

五、<code>

code 标签中的内容是一段代码。

<code>console.log(1)</code>

一般来说，code 标签会与 pre 标签一起使用。

<pre>
  <code>
    function fn() {
      console.log(1)
    }
    fn()
  </code>
</pre>

六、<hr> 、<br>

hr 表示一条水平线，用于分隔两个部分。

<p>第一部分</p>
<hr>
<p>第二部分</p>

br 表示换行。

<p>
  床前明月光，<br>
  疑是地上霜。<br>
  举头望明月，<br>
  低头思故乡。
</p>

七、<em> 、<strong>

em 和 strong 都有表示强调的意思，它们的区别在于：

• em 表示语气的强调
• strong 表示内容的强调

<p>今天<em>可能</em>会下雨，记得带伞！</p>
<p>今天可能会下雨，<strong>记得带伞</strong>！</p>

八、<q> 、<blockquote>

q 和 blockquote 都表示引用，它们的区别在于：

• q 是行内元素
• blockquote 是块级元素

<p>
  <q>光阴似箭，日月如梭</q>是谁说的来着？
</p>

<blockquote>
  <p>爱真的需要勇气</p>
  <p>去面对流言蜚语</p>
  <p>只要你一个眼神肯定</p>
  <p>我的爱就有意义</p>
</blockquote>