Listas

20 min

Principiante

Una lista en HTML

Cuando tenemos varios elementos relacionados, una lista suele representar mejor la información que una sucesión de párrafos.

<ul>
    <li>HTML</li>
    <li>CSS</li>
    <li>JavaScript</li>
</ul>

<ul> es la lista completa (unordered list, "lista sin orden"), y cada <li> (list item) es uno de sus elementos.

Completá la lista con al menos tres lenguajes o tecnologías que te interesen. Fijate que cada uno quede envuelto en su propio <li></li>.

<ol>
    <li>Primero</li>
    <li>Segundo</li>
    <li>Tercero</li>
</ol>

<ul>: el orden de los elementos no es lo importante.

<ol> (ordered list, "lista ordenada"): el orden sí importa — por eso el navegador numera cada elemento automáticamente.

Responde estas preguntas para verificar tu comprensión.

Pasos para armar un mueble, en el orden en que hay que hacerlos. ¿Qué lista usarías?

<ul> (sin orden) <ol> (con orden) Ninguna de las dos, un párrafo alcanza

Lista de ingredientes de una receta, donde no importa en qué orden los leas. ¿Qué lista usarías?

<ul> (sin orden) <ol> (con orden) Ninguna de las dos, un párrafo alcanza

Escribí, dentro de <ol>, los pasos (en el orden correcto) para prender una computadora.