无序列表用的最多，下图是淘宝导航栏的截图，用的就是无序列表，后面我会把这个当做例子讲解 。
下图是自定义列表，也是淘宝的，不是我给淘宝做广告，而是淘宝太有名了，我拿来给大家研究一下 。
文章插图
吃水不忘挖井人，给我们初学者提供了太多的免费资料，在此，免费为她宣传一下，下面这个有序列表的截图正式从该网站例子中得来，本文章的例子也将采用该网站的例子 。
文章插图
一、下面开讲，从无序列表开始 。
无序列表的英文全称叫 list，不能粗浅的理解为没有顺序的列表，它其实还是有顺序的，把哪个选项写在前面，它就会在前面显示 。
这里的“无序”指的是没用数字或字母等来标记，不是像1,2,3或a,b,c这样的显示，而是前面增加一个圆点来表示 。
不过，大家一般也讨厌这些圆点，加上这些圆点会很丑，因此，大家会通过设置样式把它去掉 。
下面先看一个简单的例子：
先看图
文章插图
代码如下：
文章插图
程序员喜欢的习惯：- 讲代码
- 写博客
- 看女神
- 嗑瓜子
知识讲解：
1，
无序列表使用一对闭合的标签表示， 。内部的一项使用 内容来表示 。
2，
可以看到各项之前加了一个圆点，可以通过ul标签的type属性来修改这个修饰符 。
【7我教女朋友学编程html系列—Html无序列表、自定义列表、有序列表及常用】(1)