1.无序列表：就是不需要排列顺序的情况，用无序列表
 语法结构：<ul>
                 <li></li>
                 <li></li>
                </ul>
特点：每一个li前面都有一个小圆点 /* 清除黑点代码：list-style='none' */
注意点：ul只能包裹li，li可以包裹任意内容

2.有序列表：有规则、有排序的情况使用
语法结构：<ol>
           <li></li>
        </ol>
特点：没个li前面自动增加一个排好序列的序列号 
注意点：ul只能包裹li，li可以包裹任意内容3.自定义列表

应用场景：在网页的底部导航中通常会使用自定义列表实现
语法结构：
       <dl>
          <dt></dt>
          <dd></dd>
       </dl>
/* dl表示自动定义列表的整体包裹
   dt表示自定义列表的主题（标题部分）
   dd表示自定义列表中的每一项解释说明部分
*/

 

 注意：dt和dd内部可以放任何内容，而dl只能放dt和dd