HTML无序列表ul和有序列表ol

HTML无序列表<ul>

通过<ul></ul>声明一个无序列表，通过<li></li>声明列表项目，如下

<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>

展示效果：

• Coffee

• Tea

• Milk

列表项目 前的样式可以通过css中list-style-type进行设置，如设置为圆点，方块，图片等，详见css

无序列表也是经常用到的一个标签，因为列表在网页中是大量存在的

HTML有序列表<ol>

通过<ol></ol>声明一个无序列表，通过<li></li>声明列表项目，如下

<ol>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

展示效果：

1. Coffee

2. Tea

3. Milk

同样，有序列表，也可以通过css的list-style-type进行样式设置，如设置为1,2,3..  或a,b,c...  或  i  ii   iii .....