Listas ordenadas:
Las listas ordenadas están numeradas y cada elemento está precedido por un número. Se crean usando el ` etiqueta
- ` (lista ordenada), y cada elemento de la lista se define mediante la etiqueta ` Etiqueta
- ` (elemento de lista).
```html
- Primer elemento
- Segundo elemento
- Tercer elemento
```
Este código producirá la siguiente lista ordenada:
1. Primer artículo
2. Segundo punto
3. Tercer punto
Listas desordenadas:
Las listas desordenadas tienen viñetas y cada elemento está precedido por una viñeta. Se crean usando la etiqueta `
- ` (lista desordenada) y cada elemento de la lista se define usando la etiqueta ` Etiqueta
- ` (elemento de lista).
```html
- Primer elemento
- Segundo elemento
- Tercer elemento
```
Este código producirá la siguiente lista desordenada:
- Primer artículo
- Segundo artículo
- Tercer elemento
Listas de estilos:
Puede diseñar listas utilizando CSS. Por ejemplo, puede cambiar la fuente, el color o el tamaño de los elementos de la lista. También puedes agregar bordes, fondos y otros efectos.
A continuación se muestran algunos ejemplos de CSS:
```css
/* Lista ordenada */
viejo {
tipo de estilo de lista:decimal;
tamaño de fuente:1,2rem;
color:#333;
}
/* Lista desordenada */
ul {
tipo de estilo de lista:cuadrado;
tamaño de fuente:1,2rem;
color:#333;
}
/* Listar elementos */
li {
margen inferior:10px;
}
```
Este CSS producirá la siguiente lista con estilo:
1. Primer artículo
2. Segundo punto
3. Tercer punto
- Primer artículo
- Segundo artículo
- Tercer elemento