LISTAS

Veremos dos tipos de listas: ordenadas (numeradas) y desordenadas (no numeradas).

Las listas desordenadas (unordered lists) sirven para presentar cosas que, por no tener un orden determinado, no necesitan ir precedidas por un número. Su estructura es la siguiente:

<ul>
   <li> una cosa </li>
   <li> otra cosa</li>
</ul>

Es decir, toda la lista está dentro de las etiquetas <ul></ul>, y cada cosa va precedida de la etiqueta <li>

El resultado sería:

• una cosa
• otra cosa

Podemos anidar una lista dentro de otra. Por ejemplo:

<ul>
   <li> Mamiferos </li>
   <li> Peces
       <ul>
         <li> Sardina </li>
         <li> Bacalao</li>
       </ul>
   </li>
   <li> Aves</li>
</ul>

TEN EN CUENTA QUE: no se debe cerrar la etiqueta <li> hasta no haber cerrado la lista interna (en este caso en los peces).

Quedaría el siguiente resultado:

• Mamiferos
• Peces
  
  • Sardina
  • Bacalao
• Aves

Las listas ordenadas (ordered lists) tienen una estructura similar, pero utilizan la etiqueta <ol>:

<ol>
   <li> primera cosa </li>
   <li> segunda cosa</li>
</ol>

Quedaría así:

1. primera cosa
2. segunda cosa

EJERCICIO
Haz una lista desordenada con los ingredientes de una receta de bizcocho y ordenada con los pasos para prepararla.