Criando e Utilizando Listas em HTML

Listas são utilizadas 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 formato de marcadores. Cada item da lista é definido utilizando a tag <li> (item de lista). Listas não ordenadas são normalmente utilizadas quando a ordem dos itens não é significativa.

A lista não ordenada (<ul>) exibe itens com marcadores.

Listas ordenadas

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

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

Listas aninhadas

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. Esse recurso é útil para organizar informações complexas em múltiplos níveis de hierarquia.

• 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.