HTML列表

1. 有序列表

概念：有顺序或侧重顺序的列表。

<h2>要把大象放冰箱总共分几步</h2>
<ol>
  <li>把冰箱门打开</li>
  <li>把大象放进去</li>
  <li>把冰箱门关上</li>
</ol>

2. 无序列表

概念：无顺序或不侧重顺序的列表。

<h2>我想去的几个城市</h2>
<ul>
  <li>成都</li>
  <li>上海</li>
  <li>西安</li>
  <li>武汉</li>
</ul>

3. 列表嵌套

概念：列表中的某项内容，又包含一个列表（注意：嵌套时，请务必把解构写完整）。

    <ul>
      <li>成都</li>
      <li>
        <span>上海</span>
        <ul>
          <li>外滩</li>
          <li>杜莎夫人蜡像馆</li>
          <li>
            <a href="https://www.opg.cn/">东方明珠</a>
          </li>
          <li>迪士尼乐园</li>
        </ul>
      </li>
      <li>西安</li>
      <li>武汉</li>
    </ul>

注意： li 标签最好写在 ul 或 ol 中，不要单独使用。

4. 自定义列表

• 概念：所谓自定义列表，就是一个包含术语名称以及术语描述的列表。
• 一个 dl 就是一个自定义列表，一个 dt 就是一个术语名称，一个 dd 就是术语描述（可以有多个）。

  <dl>
      <dt>做好笔记</dt>
      <dd>笔记是我们以后复习的一个抓手</dd>
      <dd>笔记可以是电子版，也可以是纸质版</dd>
      <dt>多加练习</dt>
      <dd>只有敲出来的代码，才是自己的</dd>
      <dt>别怕出错</dt>
      <dd>错很正常，改正后并记住，就是经验</dd>
    </dl>