O
elemento em HTML significa “item de lista” e é usado para definir itens individuais dentro de itens ordenados (
) e não ordenado (
) listas. Ele ajuda a estruturar o conteúdo e criar listas de itens, etapas ou opções de páginas da web.
Sintaxe
O
e
). Aqui está um exemplo básico da sintaxe:
1 |
|
2 |
Item 1
|
3 |
Item 2
|
4 |
Item 3
|
5 |
|
Exemplo
Vamos explorar um trecho de código prático para entender como o
1 |
|
2 |
Start the engine.
|
3 |
Put the car in gear.
|
4 |
Accelerate gently.
|
5 |
|
Neste exemplo a ordem dos itens é importante. Um encomendado lista (
- ), portanto, fornece instruções passo a passo para dirigir um carro. Cada
- elemento tem alguns atributos muito relevantes:
-
type: indica o tipo de numeração e pode ser aplicado ao pai-
a: letras minúsculas -
A: letras maiúsculas -
i: algarismos romanos minúsculos -
I: algarismos romanos maiúsculos -
1: números
-
-
value: dita o número do item da lista. Os itens subsequentes seguem em conformidade.
Aqui está nossa demonstração anterior das etapas necessárias para dirigir, com os atributos de tipo e valor adicionados para tornar as coisas um pouco confusas!
Contente
O
-
- O elemento aceita vários tipos de conteúdo, incluindo:
-
Texto: texto simples ou elementos HTML embutidos, como links (
), imagens (,). -
Listas aninhadas:
Considerações de estilo
Ao estilizar o
-
Texto: texto simples ou elementos HTML embutidos, como links (
- elemento, considere as seguintes práticas recomendadas:
- Listar estilos de marcadores: personalize a aparência dos marcadores de lista (por exemplo, marcadores para listas não ordenadas, números para listas ordenadas) usando CSS. Você pode alterar seu tamanho, cor e posicionamento.
- Estilo de texto: defina estilos de fonte, cor do texto e espaçamento do texto nos itens da lista para garantir legibilidade e consistência com seu design geral.
- Espaçamento: controle o espaçamento entre os itens da lista usando margem e preenchimento. O ajuste desses valores pode influenciar a separação visual entre os itens e o conteúdo circundante.
- Listas aninhadas: aplique recuo ou outras técnicas de estilo para diferenciar listas aninhadas de listas pai.
Você sabia?
- Listas criadas com
- A escolha entre ordenado (
- Você pode usar o
valueatributo com listas ordenadas (
Saber mais
O elemento representa uma ação ou item específico na lista.Resultado
Atributos
O
