HTML Listas

Para la elaboración de listas es necesario el uso de dos etiquetas <ul> y <li>. La primera establece la estructura de lista, y la segunda contiene cada elemento de la lista.
Su estructura básica es:

<ul>
<li>Elemento 1</li>
<li>Elemento 2</li>
<li>Elemento 3</li>
<li>Elemento 4</li>
<li>Elemento 5</li>
</ul>

 También se puede escribir todo seguido, pues no es necesario que cada elemento esté en una linea diferente, pero es recomendable para mantener un orden a la hora de elaborar la lista.

<ul><li>Elemento 1</li><li>Elemento 2</li><li>Elemento 3</li><li>Elemento 4</li><li>Elemento 5</li></ul>

Quedaría así:

• Elemento 1
• Elemento 2
• Elemento 3
• Elemento 4
• Elemento 5

También podemos incluir una lista dentro de otra por ejemplo para formar esquemas:

<ul>
<li>Elemento 1</li><ul>
<li>Subelemento 1</li>
<li>Subelemento 2</li>
</ul>
<li>Elemento 2</li>
<li>Elemento 3</li>
</ul>

 Quedaría así:

• Elemento 1
• Subelemento 1
• Subelemento 2
• Elemento 2
• Elemento 3