1.无序列表 ul-li结构

  1. <!-- 无序列表 -->
  2. <!--
  3. 特点:
  4. 1.ul、li均为块级标签,独占一行。
  5. 2.ul自带顶部、底部外填充,左侧内填充。
  6. 用途:页面导航条编写
  7. -->
  8. <ul>
  9. <li>列表内容</li>
  10. <li>列表内容</li>
  11. <li>列表内容</li>
  12. </ul>

2.有序列表 ol-li结构

<!-- 有序列表 -->
<!--
        特点:
                1.ol、li均为块级标签,独占一行。
                2.ol自带顶部、底部外填充,左侧内填充。

        用途:例如书城排行榜
-->
<ol>
        <li>列表内容</li>
      <li>列表内容</li>
      <li>列表内容</li>
</ol>

3.自定义列表 dl-dt-dd 结构

<!-- 自定义列表(解释列表) -->
<!-- 
        特点:
                1.dl、dt、dd都是块级标签
                2.dd自带左侧外填充
                3.dl自带顶部、底部外填充
-->
<dl>
        <dt>被解释词</dt>
      <dd>解释1</dd>
      <dd>解释2</dd>
</dl>