列表，就是列表。
HTML中列表分两种，一种是无序列表，一种是有序列表。
今天我们讲无序列表，因为无序列表用的比较多。
 
无序列表，英文叫unordered list。把首字母凑一起就是ul。
那么在html中，列表就是用ul来表示的。
 
有了列表，肯定有列表项。那么列表项就是li。来源于英文单词list。
一个完整的列表的表示方法如下：

<ul>
   <li></li>
   <li></li>
   <li></li>
</ul>

上面的例子表示的是有三个列表项的无序列表。 

用途：

1，常用于导航的制作。用了列表之后导航的层级关系更加明确,在dw中进行格式化之后此部分的内容一个li显示一行，而不像<a>标签一样排成一行。如下：

<ul class="menu">
    <li><a href="#header">Home</a></li>
    <li><a href="#concept">Concept</a></li>
    <li><a href="#about">About us</a></li>
    <li><a href="online/">Online shop</a></li>
    <li><a href="contact.html">Contact us</a></li>
  </ul>

 
2，常用于有图文说明的列表。如下截图：

3，其他
 

优点：

制作网站，尤其是导航的制作，在不考虑网站优化seo布局情况下，div+css就可以解决问题，而且节约html代码。
但一般网站要考虑搜索引擎排名因素（SEO），此时如果不用ul li，而直接在一个盒子(div)里放锚文本超链接(a)的栏目名称，虽然html代码量减少了，但这样搜索引擎容易认为有堆砌关键字嫌疑（故意堆砌关键字容易被搜索引擎有降权的风险）。
如果使用ul li列表标签布局，这个时候搜索引擎很容易辨别为有条理的列表型内容（对搜索引擎蜘蛛更加友好）。
 
所以制作导航的时候强烈建议使用ul li。

<ul>标签：

该标签，默认有边距，内边距和外边距都有，也有缩进。也有列表样式（通过list-style属性控制）。这一切样式为的就是像一个列表，有层级效果。
大家创建一个没有任何css样式的列表就知道了。这里就不演示了。
 
想清除默认样式需要如下代码：

ul,li{
margin:0;
padding:0;
list

 
更多ul的用法请参阅网上其它教程，因为用的很少。在这里就不复述了。懂了基础用法，扩展内容就很好理解了。
实际上，list-style属性是ul的，而不是li的。上面的例子里那么组合是为了减少代码。大家注意。