Criar listas em HTML é simples e direto. Existem dois tipos principais de listas:listas ordenadas e listas não ordenadas.
Listas ordenadas: As listas ordenadas são numeradas e cada item é precedido por um número. Eles são criados usando o `
` (lista ordenada), e cada item da lista é definido usando a tag ` - ` (item da lista).
```html
- Primeiro item
- Segundo item
- Terceiro item
```
Este código produzirá a seguinte lista ordenada:
1. Primeiro item
2. Segundo item
3. Terceiro ponto
Listas não ordenadas:
As listas não ordenadas são marcadas com marcadores e cada item é precedido por um marcador. Eles são criados usando a tag `` (lista não ordenada), e cada item da lista é definido usando o ` - ` (item da lista).
```html
- Primeiro item
- Segundo item
- Terceiro item
```
Este código produzirá a seguinte lista não ordenada:
- Primeiro item
- Segundo item
- Terceiro item
Listas de estilos:
Você pode estilizar listas usando CSS. Por exemplo, você pode alterar a fonte, a cor ou o tamanho dos itens da lista. Você também pode adicionar bordas, planos de fundo e outros efeitos.
Aqui estão alguns exemplos de CSS:
```css
/* Lista ordenada */
olá {
tipo de estilo de lista:decimal;
tamanho da fonte:1,2rem;
cor:#333;
}
/* Lista não ordenada */
você {
tipo de estilo de lista:quadrado;
tamanho da fonte:1,2rem;
cor:#333;
}
/* Lista itens */
eu {
margem inferior:10px;
}
```
Este CSS produzirá a seguinte lista estilizada:
1. Primeiro item
2. Segundo item
3. Terceiro item
- Primeiro item
- Segundo item
- Terceiro item