¿Qué es una lista desordenada?

Una lista desordenada es una lista de elementos en una página web, creada usando el elemento <UL>. Cuando se muestra una lista ordenada, se muestra como una lista de elementos marcados con viñetas. Las personas pueden usar listas desordenadas para organizar una variedad de elementos para que los usuarios de un sitio web puedan verlos cómodamente. Además de las listas desordenadas, las personas también pueden hacer listas ordenadas, que se identifican con números en lugar de viñetas, y listas de definición.

Para hacer una lista desordenada, las personas deben encerrar la lista con el elemento <UL> e identificar cada elemento de la lista con el elemento <LI>. La lista puede ser tan larga como lo desee el usuario, y la apariencia de la lista se puede diseñar directamente con etiquetas HTML para cosas como negrita o subrayado, o mediante una hoja de estilo CSS. Las personas también pueden usar CSS para cambiar la apariencia de las viñetas en la lista, si no les gustan las viñetas genéricas que normalmente aparecen junto a una lista desordenada.

Las listas desordenadas pueden ser útiles para varias aplicaciones, ya que ayudan a que la información se destaque de la página. A muchas personas les gusta resumir la información en una lista ordenada; por ejemplo, alguien podría hacer una lista desordenada que cubra los temas clave en un artículo en la parte superior de una página, para que alguien pueda ver de un vistazo de qué se trata el artículo y optar por explorar el artículo para obtener más información. Hacer una lista ordenada también alivia a las personas de las dificultades que pueden estar involucradas al tratar de codificar la apariencia de una lista a mano con engorrosas etiquetas HTML.

Aquí hay un ejemplo de cómo codificar una lista desordenada:

<ul>
<li> Pan </li>
<li> Huevos </li>
<li> Leche </li>
</ul>

Esta lista aparecería en una página web como esta:

• Pan de molde
• Huevos
• Leche

Si los elementos de la lista necesitaran numerarse, podría convertirse en una lista ordenada utilizando el elemento <OL>. Las personas también pueden crear listas desordenadas anidadas haciendo una lista desordenada dentro de una lista ordenada, como esta:

<ol>
<li> Pan </li>
<ul>
<li> Muffins ingleses </li>
<li> Baguettes </li>
</ul>
<li> Huevos </li>
<li> Leche </li>
</ol>

Varias plataformas de blogs y programas de software que permiten a las personas crear páginas web tienen una opción de lista desordenada en forma de un botón en el que las personas pueden hacer clic para comenzar una lista desordenada. Las personas pueden ver cómo funciona la función haciendo la lista desordenada y luego cambiando a una vista HTML de la página, donde podrán ver los diversos elementos de la lista y los elementos HTML que se utilizan para identificarlos.