Índice:
Vídeo: Curso de HTML5 - 11 - Listas em HTML5 com OL e UL - by Gustavo Guanabara 2025
As páginas da web que você cria com o HTML5 são muitas vezes sobre dados, e os dados geralmente são organizados em listas, que podem estar sozinhas ou aninhar uma na outra. Os itens nas suas listas podem ser numerados (uma lista ordenada ) ou não numerados ( não ordenados ).
Esta figura mostra uma lista desordenada ou com marcadores; uma lista ordenada ou numerada; e uma lista de nidificação de combinação:
Aqui está o código usado para criar as listas:
listDemo. htmlIdiomas
- Inglês
- Espanhol
- Japonês
Contagem em inglês
- um
- dois
- três
Contagem em outros idiomas
- Espanhol
- uno
- dos
- tres
- Japonês
- ichi
- ni
- san
As listas, como a maioria dos elementos HTML5, são bastante fáceis de construir:
-
Designar o início da lista com
A marca
-
indica uma lista não ordenada (bala) e a marca
-
descreve uma lista ordenada (numerada).
-
S urround cada item na lista com um par.
-
(Opcional) Ninho lista dentro um do outro.
O
- de uma lista pode conter uma nova lista inteira. Certifique-se de fechar uma lista antes de começar uma nova. A indentação consistente ajuda você a acompanhar o quão profundamente você está aninhado.
