Home > Web Front-end > HTML Tutorial > Detailed introduction to HTML lists

Detailed introduction to HTML lists

高洛峰
Release: 2017-03-21 17:44:19
Original
1845 people have browsed it

HTML unordered list

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

Unordered lists use the

  • tag


    • Coffee

    • Milk

    The browser displays the following:

    • Coffee


    • Milk

    HTML ordered list

    Likewise, an ordered list is a list of items labeled with numbers. The ordered list starts with the

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

      List items are numbered.


      1. Coffee

      2. Milk

      The browser displays the following:

      1. Coffee


      2. Milk

      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 the <dl> tag. Each custom list item begins with

      . The definition of each custom list item begins with
      .


      Coffee

      - black hot drink

      Milk

      - white cold drink

      The browser displays the following:

      • Coffee


      • - black hot drink


      • Milk


      • - white cold drink

      Notes - Useful Tips

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

      HTML list tag

      Label describe
        Define ordered list
          Define unordered list
        • Define list items
          Definition definition list
          Custom list items
          Define the description of the custom list

          The above is the detailed content of Detailed introduction to HTML lists. For more information, please follow other related articles on the PHP Chinese website!

      1. Related labels:
        source:php.cn
        Statement of this Website
        The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
        Popular Tutorials
        More>
        Latest Downloads
        More>
        Web Effects
        Website Source Code
        Website Materials
        Front End Template