¿Que son las listas HTML? Aquí aprenderemos que son las famosas listas HTML, para que sirven y como se crean.

¿Qué son las "Listas"?

Las listas son bloques de items ordenados uno abajo del otro, pueden ser ordenadas o desordenadas, para entenderlo mejor miremos este ejemplo:

Lista ordenada:

1.Primer item
2.Segundo
3.etc.


Lista desordenada:

•primer item de mi lista
•segundo
•tercero
•etc...

Crear una lista con HTML

El código para crear una lista con HTML desordenada es <ul> y </ul>, esta es la primera que escribiremos siempre que queramos crear una lista desordenada, y la segunda es <li> y </li>.




<ul>
<li>Este es el primer item de mi lista</li>
<li>Segundo item</li>
<li>Tercero</li>
</ul>

Como podemos ver, con la etiqueta <ul> indicamos que queremos abrir una lista y con <li> creamos los items, un item por cada <li>.




<ol>
<li>Este es el primer item de mi lista</li>
<li>Segundo item</li>
<li>Tercero</li>
</ol>




Quedaría así: