HTML list
May 02, 2021 HTML
Table of contents
HTML list
HTML supports ordered, disordered, and defined lists:
HTML list
Ordered list
|
Unordered 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:
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.
The browser appears as follows:
- Coffee
- 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.
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
| Label | describe |
|---|---|
| <ol> | Define an orderly list |
| <ul> | Define no sequence list |
| <li> | Define list items |
| <dl> | Definition list |
| <dt> | Custom list item |
| <dd> | Define custom customization List description of |