Ejercicio de listas

Listas ordenadas y desordenadas

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

Tipos de listas

  • lista ordenada
  • Lista Desordenada
  • Lista por Definición
Listas Ordenadas

las listas ordenadas se caracterizan como su nombre
lo dice en general un conjunto de elementos
ordenadas a traves de numeros o letras ya sean
ascendentes o descendentes.

La estructura basica 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 ordenadas

Además podemos indicar que tipo de lista ordenada queremos mostar en nuestras Listas Entre los tipos de listas ordenadas tenemos

  • 1 -Listas ordenadas
  • a -Lista alfabetica minuscula
  • A- Lista alfabetica mayuscula
  • i -Lista números romanos minuscula
  • I - Lista números romanos mayúscula

para definir el tipo de lista se debe hacer uso del atributo type de la lista ordenadas HTML
. <ol type="tipo">...</ol>

Si queremos que se muestre una lista con orden alfanumerico la instruccion seria la siguiente:

Ejemplo 2

<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>

Ejemplo

<ul >
<li>Donali</li>
<li>Ismael</li>
<li>Fabiola</li>

Resultado

  • Donali
  • Ismael
  • Fabiola