Home > Web Front-end > HTML Tutorial > What are the types of list tags in html web pages?

What are the types of list tags in html web pages?

青灯夜游
Release: 2023-01-07 11:41:35
Original
17608 people have browsed it

The list tags of html web pages are divided into three types: 1. Unordered list, defined using the "

    " tag; 2. Ordered list, defined using the "
    " tag; 3. Custom list, defined using the "
    " tag.

What are the types of list tags in html web pages?

The operating environment of this tutorial: Windows 7 system, HTML5 version, Dell G3 computer.

html List of web pages

  • Unordered list

  • Yes Sequence list

  • Customized list

1. Unordered list

Unordered list is A list of items marked with bold dots (typically small black circles).

Unordered lists use the

    tag, and each list item starts with the
  • tag.
    <ul>
    <li>列表项</li>
    <li>列表项</li>
    <li>列表项</li>
    </ul>
    Copy after login

    The browser displays the following:

    What are the types of list tags in html web pages?

    2. Ordered list

    Similarly, the same is true for ordered lists A list of items labeled with numbers. The ordered list begins with an

      tag, and each list item begins with a
    1. tag.

      List items are marked with numbers.

      <ol>
      <li>第一个列表项</li>
      <li>第二个列表项</li>
      <li>第三个列表项</li>
      </ol>
      Copy after login

      The browser displays as follows:

      What are the types of list tags in html web pages?

      3. Customized list

      Customized 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
      .

      <dl>
        <dt>Coffee</dt>
        <dd>黑热饮</dd>
        <dt>Milk</dt>
        <dd>白冷饮</dd>
      </dl>
      Copy after login

      The browser displays as follows:

      What are the types of list tags in html web pages?

      Tips: Paragraphs, line breaks, pictures, links and others can be used inside the list items Lists and more.

      Recommended tutorial: "html video tutorial"

The above is the detailed content of What are the types of list tags in html web pages?. For more information, please follow other related articles on the PHP Chinese website!

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