前端基础入门（4）列表及其样式

前面

网页中漂亮的导航、整齐规范的文章标题列表和图片列表等等。这些都是离不开HTML里一个重要的元素----列表，在HTML中有无序列表、有序列表和定义列表三种类型。其中，无序列表应用最为广泛，下面，我们一块认识一下HTML列表。

列表在文档编辑中也是十分常见的，我们可以结合word里的列表来对比学习HTML的列表元素。在word中有符号列表、编号列表、多级列表。在HTML中也提供了三种类型的列表，分别是无序列表、有序列表和定义列表。无序列表没有先后顺序之分，类似word中的符号列表，有序列表用数字或字母作为顺序，类似word中的编号列表，注意：定义列表是不同于word中的多级列表。简单说来，定义列表项可分为上下两部分，上面列出一个项目，下面是该项目的详细内容。

来个图看下列表是个啥样子！

列表标签及样式

无序列表

无序列表以

• 标签开始，

标签结束，中间插入若干列表项，列表项以

• 标签开始，
• 标签结束。语法格式如下：

  <ul>
      <li>项目1</li>
      <li>项目2</li>
      <li>项目3</li> ……
   </ul>
  

  <