【HTML】02-列表标签

无序列表：
  <!-- ul表示无序列表的整体 -->
  <!-- li表示无序列表的每一项 -->
  <ul>
    <li>
      <p>我也是一个p标签</p>
    </li>
    <li>榴莲</li>
    <li>香蕉</li>
    <li>苹果</li>
    <li>哈密瓜</li>
    <li>火龙果</li>
  </ul>


有序列表：
  <!-- ol表示有序列表的整体 -->
  <!-- li表示有序列表的每一项 -->
  <ol>
    <li>小姐姐：100分</li>
    <li>小帅哥：80分</li>
    <li>小可爱：60分</li>
  </ol>


自定义列表：
  <!-- dl表示自定义列表的整体 -->
  <!-- dt表示自定义列表的主题（标题） -->
  <!-- dd表示自定义列表中的每一项解释说明 -->
  <dl>
    <dt>帮助中心</dt>
    <dd>账户管理</dd>
    <dd>购物指南</dd>
    <dd>订单操作</dd>
  </dl>