HTML列表标签

1.无序列表 ul-li结构

<!-- 无序列表 -->
<!--
        特点：
                1.ul、li均为块级标签，独占一行。
                2.ul自带顶部、底部外填充，左侧内填充。
        用途：页面导航条编写
-->
<ul>
        <li>列表内容</li>
      <li>列表内容</li>
      <li>列表内容</li>
</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>