HTML España

En esta práctica aprenderemos cómo crear listas ordenadas, ya sea con números u otros carácteres.


Empezaremos con las listas desordenadas

Listas Desordenadas


Podemos observar que sí están ordenadas por círculos, pero no por ningún número ni carácter que los denomine ordenados.



Aquí tenemos más de los mismo, pero con cuadrados.



Aquí estamos tratando los círculos negros, y por ahora hemos acabado con las desordenadas. A continuación, pasaremos a las ordenadas.


Listas Ordenadas

  1. Primer Elemento
  2. Segundo Elemento
  3. Tercer Elemento

Como se puede apreciar, estas listas están dirigidas por números del 1 al 3, y por eso las podemos llamar ordenadas.


  1. Primer Elemento
  2. Segundo Elemento
  3. Tercer Elemento

Ahora las tenemos ordenadas por una misma letra, pero esta se repite cada vez que avancemos en nuestra lista.


  1. Primer Elemento
  2. Segundo Elemento
  3. Tercer Elemento

Obtenemos lo mismo que la lista anterior, pero ahora nuestra letra está en mayúscula. La que queramos decidir está en nuestras manos.


  1. Primer Elemento
  2. Segundo Elemento
  3. Tercer Elemento

En esta lista estamos ordenándola como el abecedario, cada letra siguiente es el siguiente nivel de la lista.


  1. Primer Elemento
  2. Segundo Elemento
  3. Tercer Elemento

Esta lista es como la anterior, pero en mayúsculas. Como he mencionado anteriormente, es decisión nuestra cual eligir.


Listas de definición

Elefante
Un mamífero que normalmente es bastante grande.

Estas son las listas de definición. Con ellas podremos resaltar cuál es la palabra que vamos a definir a continuación y su definición, un poco más apartada de la palabra.


Listas anidadas

Lista Anidada 1


Las listas anidadas tratan sobre las subelementos de los puntos principales de nuestras listas, para recalcar qué o cuál es la información secundaria del tema principal del punto.


Lista Anidada 2


Claramente podemos modificar los detalles de nuestras listas, y en este caso estamos remplazando los círculos blancos por números y cuadrados negros.


Aqúi hemos acabado la demostración de las listas, ahora os dejaré un enlace para la enseñanza

Cómo hacer