How to use list in html

A list is an element in HTML used to display a sequence of items. There are two types of unordered lists and ordered lists, marked with dots or numbers/letters respectively. The syntax is

and

, and the list type, starting value, etc. can be specified through attributes. Lists can be nested, creating sublists within list items.

Usage of lists in HTML

What is a list?

A list is an element in HTML used to display a series of related or ordered items.

Type

There are two types of lists in HTML:

• Unordered list (
  ):
  Used to display unsorted items, usually marked with dots or dashes.
• Ordered list (
  ):
  Used to display sorted items, usually marked with numbers or letters.

Syntax

The syntax for a list is as follows:

<ul>
  <li>项目 1</li>
  <li>项目 2</li>
  <li>项目 3</li>
</ul>

Attributes

• ##type: Specifies the list type, which can be "disc" (dot), "circle" (circle) or "square" (square), etc.
• start: Specifies the starting value of the ordered list.

Nested lists

Lists can be nested, that is, sublists are created within list items:

<ul>
  <li>项目 1
    <ul>
      <li>子项目 1</li>
      <li>子项目 2</li>
    </ul>
  </li>
  <li>项目 2</li>
</ul>

Example

Unordered list:

<ul>
  <li>苹果</li>
  <li>香蕉</li>
  <li>橙子</li>
</ul>

Ordered list:

<ol>
  <li>星期一</li>
  <li>星期二</li>
  <li>星期三</li>
</ol>

Nested list:

<ul>
  <li>动物
    <ul>
      <li>狗</li>
      <li>猫</li>
    </ul>
  </li>
  <li>水果</li>
</ul>

The above is the detailed content of How to use list in html. For more information, please follow other related articles on the PHP Chinese website!