28-Listas ordenadas en html

Las listas ordenadas se inician con la etiqueta ol

Los elementos de la lista tienen la etiqueta li

ejemplo de una lista ordenada

1. Coffee
2. Tea
3. Milk

---

...

Tipos de listas

Estas listas tienen un atributo que las definen a que tipo pertenencen

mira la tabla

tipo	Descripcion
type="1"	Este atributo ordena la lista numericamente
type="A"	Este atributo ordena la lista alfabeticamente con letra mayuscula
type="a"	Este atributo ordena la lista alfabeticamente con letra minuscula
type="I"	Este atributo ordena la lista con letra Romana Grande
type="i"	Este atributo ordena la lista con letra Romana pequena

---

Ejemplo de lista numerica

1. Coffee
2. Tea
3. Milk

ejemplo de lista con Letras mayúsculas:

1. Coffee
2. Tea
3. Milk

ejemplo de lista con Letras minuscula:

1. Coffee
2. Tea
3. Milk

ejemplo de lista con Letras Romana Grande:

1. Coffee
2. Tea
3. Milk

ejemplo de lista con Letras Romana pequena:

1. Coffee
2. Tea
3. Milk

---

Contagen de la lista

Por defecto la lista empiza a contar a partir del 1

Si quiere que la lista empieze en otro numero tenemos que poner el atributo start y decirque que numero queremos que se inicie

Ejemplo, inicia nel 20

20. Coffee
21. Tea
22. Milk

---

Listas aninadas

igual que las listas desordenadas estas tambien se pueden aninar unas dentro de otras

ejemplo de listas aninadas

1. Coffee
2. Tea
   1. Te verde
   2. Te negro
      1. Marca x
      2. Marca Y
3. Milk

---

Ir al indice