无序列表，有序列表，自定义列表

无序列表-没有顺序的一组内容

语法：<ul>   定义无序列表

                <li></li> (列表项）

          </ul>

语义：用于将没有数字顺序的一组内容或数据进行分组

样式：默认间距（上下外间距，左边内边距）

            列表样式：实心圆；

type属性：disc   实心圆

                 circle  空心圆

                 square    正方形实心

                  none    取消前面的列表符

注：type属性：不常用，通常用css属性进行代替；

使用场景：新闻列表；

                 商品列表

                 选项卡

有序列表：

语义：用于将有数字顺序的一组数据或内容进行分组

语法：<ol>    定义有序列表

                <li></li>   列表项

           <ol>

默认样式：默认有间距（上下外间距，左边内填充）

                   列表样式：数字编号；

type属性：1，a：小写字母；

                  2，A：大写字母；

                   3，i：小写罗马数字；

                  4，I：大写罗马数字；

                  5，1：数字；

典型应用：1，排行榜单；

                  2，步骤清单；

                  3，面包屑导航；

自定义列表

语法：

          <dl>

              <dt>专业名词</dt>

              <dd>对专业名词解释</dd>

             <dd>解释</dd>

         </dl>

 语义：对专业名词进行定义和描述的列表

       dl：定义自定义列表；

       dt：自定义列表项；

       dd：自定义列表注释；

       用于将一组项目及其相关的描述进行分组列表；

默认样式： dl：自带外边距（上，下）

                   dd：自带左边的外边距；

典型应用：名词解释，分类；

                   键值对列表（内有loom）

 注意：允许使用多条项目的定义和描述;