HTML列表（无序列表、有序列表、自定义列表）

一、列表（掌握）

  ☞ 无序列表(unordered-list)

      <ul>

          <li> 列表项  </li>

          <li> 列表项  </li>

          ...

      </ul>

    总结：

         1. ul列表必须直接包含的标签是li

         2. 在li标签中可以包含其他任何标签

         3. 在展示数据的时候没有先后顺序的要求

    例如：

    <ul>

        <li><a href="#">第一行列表</a></li>

        <li><a href="#">第二行列表</a></li>

        <li><a href="#">第三行列表</a></li>

        <li><a href="#">第四行列表</a></li>

        <li><a href="#">第五行列表</a></li>

    </ul>

   

  ☞ 有序列表： (order-list)

        <ol>

            <li> </li>

            <li> </li>

            <li> </li>

        </ol>

     总结：

         1. 有序列表在展示数据的时候是按照一定的顺序显示的

         2. 有序列表在用法上与无序列表一样。

     例如：

     <ol>

        <li><a href="#">第一行列表</a></li>

        <li><a href="#">第二行列表</a></li>

        <li><a href="#">第三行列表</a></li>

        <li><a href="#">第四行列表</a></li>

        <li><a href="#">第五行列表</a></li>

    </ol>

 

  ☞ 自定义列表(defined-list)

    <dl>

        <dt> </dt>

        <dd> 列表项 </dd>

        <dd> 列表项 </dd>

        <dd> 列表项 </dd>

    </dl>

    总结：

        一般在网页的结尾处会使用该列表