La etiqueta ul: listas no ordenadas

En la nueva entrada del blog tenemos que marcar una lista de ventajas de trabajar creando páginas web. Todavía conocemos pocas etiquetas de texto: encabezados y párrafos. No son las más adecuadas para una lista. ¿Habrá alguna etiqueta especial?

Sí. HTML tiene varias etiquetas para listas: ordenadas, no ordenadas y de descripciones. La nuestra es una lista no ordenada, porque da igual en qué posición aparezca cada ventaja.

Una lista no ordenada se marca con <ul>, de «unordered list». Se usa cuando el orden de los elementos no importa. Por ejemplo, para una lista de enlaces de un menú, ventajas de un producto o ingredientes.

Directamente dentro de <ul> se colocan solo elementos <li>, de «list item», que representan los elementos de la lista. La lista puede tener tantos elementos como se necesiten. Veamos un ejemplo:

<ul>
  <li>Soy un elemento de la lista y puedo estar en cualquier posición</li>
  <li>Yo también soy un elemento y tampoco me importa el orden</li>
</ul>

De forma predeterminada, los elementos de <ul> llevan viñetas del mismo color que el texto.