Creating and Using Lists in HTML

Lists are used to organize and present information in a structured format. There are two main types of lists: unordered lists (<ul>) and ordered lists (<ol>).

Unordered lists

Unordered lists present items in a bulleted format. Each item in the list is defined using the <li> (list item) tag. Unordered lists are typically used when the order of items is not significant.
Example:

In the example above:

The unordered list (<ul>) displays items with bullet points.

Ordered lists

Ordered lists display items in a numbered sequence. Each item in the list is defined using the <li> (list item) tag. Ordered lists are used when the order of items is important and needs to be emphasized.
Example:

In the example above:

The list is ordered (<ol>), displaying items with numbers.

Nested lists

Lists can also be nested within each other to create hierarchical structures. This means that a list item (<li>) within one list (<ul> or <ol>) can itself contain another list. This is useful for organizing complex information into multiple levels of hierarchy.
Example:

In the example above:

• The second list item ("Main item 2") contains a nested unordered list (<ul>), creating a hierarchical structure;

• Each nested list (<ul>) is indented to indicate its hierarchical level visually.

Video Tutorial