今天给大家介绍网页中列表的写法，网页中的列表共分三种，分别是无序列表、有序列表和定义列表。

一、无序列表
1.1什么是无序列表？
无序列表就是没有顺序的列表，主要用于描述一组没有顺序的数据。
1.2无序列表的语法
语法1：


  • 列表项目1

  • 列表项目2

    • ......

结构说明:
1 列表标签：ul ,li ->块标签,并且必须组合出现。
2 ul代表整个列表， li代表列表中的每个成员。
3 ul标签：用于定义列表的位置（外壳）
4 li标签：用于定义列表的每一项，列表可以有多项（多个li标签对）
注意事项:
1
    标签和
  • 标签是固定结构，其它标签写在
  • 标签中。
    2无序列表通常会自动生成一个小圆点效果，可以给ul标签书写type属性来修改默认的标记类型,但是在实际应用中通常要去除，使用css来修饰。
    3 无序列表也可以嵌套。
    1.3案例：
    无序列表可以用来做导航、产品列表等。
    比如导航:

    二、有序列表
    2.1什么是有序列表？
    有顺序的数据组成的列表，叫有序列表。
    2.2 语法：
    基本语法：


    1. 列表项目1

    2. 列表项目2

      3. ......

    结构说明:

    列表标签：ol,li ->块标签 ，并且必须组合出现。
    ol代表整个列表， li代表列表中的每个成员。
    注意事项：
    1

      标签和
    1. 标签是固定结构，其它标签写在
    2. 标签中。
      2 有序列表通常会自动生成数字，可以给ol标签书写type属性来修改默认的标记类型但是在实际应用中通常要去除掉，使用css来修饰。

      2.3案例:

      三、定义列表
      3.1什么是定义列表?
      用于描述事物的数据称为定义列表。
      3.2 语法：


      描述的对象

      描述的细节1

      描述的细节2

      结构说明:

      dl:标记定义了一个定义列表。
      dt:标签定义了描述的事物。
      dd:标签定义了描述的细节。
      注意事项：
      1

      通常是配合使用的，不能单独使用。
      2
      和
      都必须放在
      标志对之间。
      3.3案例

      小结：
      三种列表标签都是固定的结构，使用时要配合使用，不能单独使用；其中无序列表使用频率最高，需要重点掌握。
      （本文由源码时代技术老师撰写，转载请注明出处）