HTML list

HTML supports ordered, unordered and defined lists:


##Ordered list

The ordered list starts with the

    tag. Each list item begins with a
  1. tag.

    List items are marked with numbers.

    Example

    This example demonstrates an ordered list.

        php中文网(php.cn) 
    
    1. Coffee
    2. Tea
    3. Milk
    1. Coffee
    2. Tea
    3. Milk

    Program running result:

    3.jpg


    HTML unordered list

    An unordered list is a list of items marked with bold dots (typically small black circles).

    Unordered list uses
      tag

      Example

      This example demonstrates an unordered list.

          php中文网(php.cn) 
      

      一个无序列表:

      • 咖啡
      • 牛奶

      Program running result:

      6.jpg


      HTML custom list

      A custom list is not just a list of items, but a combination of items and their comments.

      Custom lists start with a
      tag. Each custom list item begins with
      . The definition of each custom list item begins with
      .

      Example

      This example demonstrates a definition list.

          php中文网(php.cn) 
      

      一个定义列表:

      计算机
      用来计算的仪器 ... ...
      显示器
      以视觉方式显示信息的装置 ... ...

      Program running result:

      7.jpg


      #Tips: Paragraphs, line breaks, pictures, and links can be used inside list items and other lists and more.


      More examples

      This example demonstrates different types of unordered lists.

          php中文网(php.cn) 
      

      Disc 项目符号列表:

      • 苹果
      • 香蕉
      • 柠檬
      • 桔子

      Circle 项目符号列表:

      • 苹果
      • 香蕉
      • 柠檬
      • 桔子

      Square 项目符号列表:

      • 苹果
      • 香蕉
      • 柠檬
      • 桔子

      Program running result:

      8.jpg


      ##Example

      This example demonstrates different types of ordered lists.

          php中文网(php.cn) 
      

      字母列表:

      1. 苹果
      2. 香蕉
      3. 柠檬
      4. 桔子

      小写字母列表:

      1. 苹果
      2. 香蕉
      3. 柠檬
      4. 桔子

      罗马字母列表:

      1. 苹果
      2. 香蕉
      3. 柠檬
      4. 桔子

      小写罗马字母列表:

      1. 苹果
      2. 香蕉
      3. 柠檬
      4. 桔子

      Program running result:

      2.jpg


      Example

      This example Demonstrates how to nest lists.

          php中文网(php.cn) 
      

      一个嵌套列表:

      • 咖啡
        1. 红茶
        2. 绿茶
      • 牛奶

      Program running result:

      Q.jpg


      ##HTML list tag

      Tag Description
        Define an ordered list.
          Define an unordered list.
        • Define list items.
          Definition definition list.

          Definition definition item.
          Definition description.



      Continuing Learning
      ||
      php中文网(php.cn)

      一个无序列表:

      • 咖啡
      • 牛奶
      submit Reset Code
      About us Disclaimer Sitemap
      php.cn:Public welfare online PHP training,Help PHP learners grow quickly!