HTML中的 ul列表 是无序列表  ol是有序列表 dl是自定义描述列表 这三种列表使用起来都非常的简单。

并且使用方法 都没有太大却别。

下面我们来一个一个介绍

首先是ul无序列表的写法与使用

<ul>
  <li>内容</li>
  <li>内容</li>
  <li>内容</li>
  <!--这样一个无序列表就创建好了，<li></li>中可以嵌套各种标签，同时一个嵌套无序列表、有序列表和自定义描述列表-->
</ul>

我们在浏览器中打开看一下

HTML初探之ul无序列表 ol有序列表 dl定义描述列表_嵌套这个就是无序列表的基本样式了。

下面我继续来看ol有序列表的写法与使用

<ol>
  <li>内容</li>
  <li>内容</li>
  <li>
    <ul>
      <li>无序列表内容</li>
      <li>无序列表内容</li>
      <li>无序列表内容</li>
    </ul>
  </li>
</ol>

ol有序列表的创建方法与ul无序列表的创建方法是一样的，并且我们在有序列表中，嵌套了UL无序列表，我们一起来看看样式。

HTML初探之ul无序列表 ol有序列表 dl定义描述列表_嵌套_02

继续来看dl自定义描述列表的写法与使用

<dl>
  <dt>这里可以用于定义dl列表的名称</dt>
  <dd>这里定义dl列表的描述</dd>
</dl>

通常dl列表中的dt标签可以引入img标签放入图片，下面对图片进行表述，类似于商城主图介绍这种样式，下面我们一起来看看，样式如何.

HTML初探之ul无序列表 ol有序列表 dl定义描述列表_自定义_03