Ejercicio de Listas

Listas ordenadas y Desordenadas

Las listas nos permiten crear un conjunto de elementos en forma de lista dentro de una página, los cuales irán precedidos generalmente por un guión o número

Tipos de Listas

  • Lista Ordenada
  • Lista Desordenadas
  • Lista por Definición

Listas Ordenadas

Las listas ordenas se caracterizan como su nombre lo dice en general un conjunto de elementos ordenados a través de números o letras ya sean ascendente o descendentes.

La estructura básica para trabajar con Listas ordenadas es la siguiente

<ol>...</ol>

Ejemplo 1:

<ol>
<li>Leer</li>
<li>Jugar</li>
<li>Dormir</li>
</ol>

Resultado

  1. Leer
  2. Jugar
  3. Dormir

Tipos de listas ordenas

Además podemos indicar que tipo de lista ordenada quieremos mostrar en nuestras listas Entre los tipos de listas ordenadas tenemos

  • 1-Lista ordenadas
  • a-Lista alfabética minúscula
  • A-Lista alfabética mayúscula
  • i-Lista números romanos minúscula
  • I-Lista números romanos mayúscula
Para definir el tipo de lista se debe hacer uso del atributo type de la lista ordenada HTML
. <ol type="tipo">...</ol>

Si queremos que se muestre una lista con orden alfanúmerico la instrucción sería la siguiente:

<ol type='A'>
<li>Julio</li>
<li>Carmen</li>
<li>Cinthya</li>
<li>León</li>
</ol>

Resultado

  1. Julio
  2. Carmen
  3. Cinthya
  4. León

Listas Desordenadas

Las listas desordenadas permiten definir un conjunto de elementos dentro de la página precedidas de un punto o cuadro...

La estructura básica para trabajar con listas desordenadas es la siguiente

<ul>...</ul>