【html基础标签】列表（无序列表，有序列表，自定义列表）

一、无序列表

图1-1 无序列表

图1-2 无序列表效果

1. 在无序列表中，

和
• 是配合使用的，
  是
  • 的父元素，
  • 是
    的子元素。

    2.

    的子元素必须是
    • ，其它内容为非法嵌套。而
    • 内可以放任何标签，图片，链接等什么都可以的。
    • 的父元素必须是
      或
      。

      3.修改小圆圈图案，在css里设置list-style，如果不想显示图案，设置list-style: none即可。

      
      

      图1-3 修改无序列表图案
      图1-4 修改为方形后的效果

      二、有序列表

      图2-1 有序列表
      图2-2 有序列表效果

      1. 和无序列表很像，在有序列表中，

      和
      1. 是配合使用的，
         是
         1. 的父元素，
         2. 是
            的子元素。

            2. 

            的子元素必须是
            1. ，其它内容为非法嵌套。而
            2. 内可以放任何标签，图片，链接等什么都可以的。
            3. 的父元素必须是
               或
               。

               3.修改小图标图案的方式和无序列表相同。

               三、自定义列表

               图3-1 自定义列表
               图3-2 效果

               1. 自定义列表由

               和

               配合使用的，

               是

               和

               的父元素，

               和

               是

               的子元素。

               和

               则是兄弟元素关系，不需要缩进。

               2.

               是小标题，

               是对

               的解释和说明。