HTML list


May 02, 2021 11:07 HTML


Table of contents


HTML list


HTML supports ordered, disordered, and defined lists:

HTML list

有序列表

  1. The first list item
  2. The second list item
  3. The third list item

无序列表

  • List item
  • List item
  • List item

HTML list

Online instance

No sequence tables
This example demonstrates a sequenceless table.

An ordered list
This example demonstrates an ordered list.

(More instances can be found at the bottom of this page.)


HTML no sequence table

A sequenceless table is a list of items marked with bold dots (typical small black circles).

A sequenceless table is suitable for situations in which there is no level sequential relationship between members.

No-sequence tables use the hashtags:

<ul>

<li>Coffee</li>

<li>Milk</li>

</ul>


Try it out . . .

The browser appears as follows:

  • Coffee
  • Milk

HTML ordered list

Similarly, an ordered list is a list of items that are marked with numbers. A n ordered list starts with the hashtag. Each list item starts with a label.

An ordered list is appropriate for situations in which there is a sequential relationship between items.

List items are marked with numbers. You can practice creating an ordered list through our programming tests.

<ol>

<li>Coffee</li>

<li>Milk</li>

</ol>


Try it out . . .

The browser appears as follows:

  1. Coffee
  2. Milk

HTML custom list

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

The custom list starts with the hashtags. E ach custom list item starts with slt;dt. The definition of each custom list item starts with slt;dd.gt.

A term name in a custom list can correspond to multiple definitions or multiple term names to the same definition, and if only the term name or definition is feasible, that is, there is no limit to the number and correspondence between the term.

<dl>

<dt>Coffee</dt>

<dd>- black hot drink</dd>

<dt>Milk</dt>

<dd>- white cold drink</dd>

</dl>


Try it out . . .

The browser appears as follows:

Coffee
- black hot drink
Milk
- white cold drink

Notes - Useful tips

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


HTML list

More instances

Ordered lists of different types
This example demonstrates different types of ordered lists.

Different types of sequenceless tables
This example demonstrates different types of sequenceless tables.

Nested list
This example shows how to nest a list.

Nested list 2
This example demonstrates a more complex nested list.

Custom list
This example demonstrates a list of definitions.


HTML list label

标签 描述
<ol> 定义有序列表
<ul> 定义无序列表
<li> 定义列表项
<dl> 定义列表
<dt> 自定义列表项目
<dd> 定义自定义 列表 的描述