Listas

Listas são usadas para organizar e apresentar informações em um formato estruturado. Existem dois tipos principais de listas: listas não ordenadas (<ul>) e listas ordenadas (<ol>).

Listas não ordenadas

Listas não ordenadas apresentam itens em um formato com marcadores. Cada item na lista é definido usando a tag <li> (item de lista). Listas não ordenadas são tipicamente usadas quando a ordem dos itens não é significativa.
Exemplo:

No exemplo acima:

A lista não ordenada (<ul>) exibe itens com pontos de marcador.

Listas ordenadas

Listas ordenadas exibem itens em uma sequência numerada. Cada item na lista é definido usando a tag <li> (item de lista). Listas ordenadas são usadas quando a ordem dos itens é importante e precisa ser enfatizada.
Exemplo:

No exemplo acima:

A lista é ordenada (<ol>), exibindo itens com números.

Listas aninhadas

As listas também podem ser aninhadas umas dentro das outras para criar estruturas hierárquicas. Isso significa que um item de lista (<li>) dentro de uma lista (<ul> ou <ol>) pode conter outra lista. Isso é útil para organizar informações complexas em múltiplos níveis de hierarquia.
Exemplo:

No exemplo acima:

• O segundo item da lista ("Main item 2") contém uma lista não ordenada aninhada (<ul>), criando uma estrutura hierárquica;
• Cada lista aninhada (<ul>) é indentada para indicar visualmente seu nível hierárquico.

Tutorial em Vídeo