Elemento ul en HTML

Elemento ul en HTML

El elemento <ul> (del ingles unordered list) se utiliza para crear listas desordenadas en HTML.

Estas listas son útiles para presentar información en un formato de lista, donde el orden de los elementos no es importante. Cada elemento de la lista se define con el elemento <li> (list item).

<p>
  Esta es una lista de frutas:
</p>
<ul>
  <li>Manzana</li>
  <li>Banana</li>
  <li>Naranja</li>
  <li>Fresa</li>
</ul>

Comunmente se utiliza para realizar: menús de navegación, listas de tareas, listas de características, listas de elementos relacionados sin jerarquía.

Ejemplos de listas desordenadas

Para listas de tareas:

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

Anidamiento de listas:

<ul>
  <li>Frutas</li>
  <ul>
    <li>Manzana</li>
    <li>Banana</li>
    <li>Naranja</li>
    <li>Fresa</li>
  </ul>
</ul>

<ul>
  <li>Inicio</li>
  <li>Productos
    <ul>
      <li>Electrónicos</li>
      <li>Ropa</li>
    </ul>
  </li>
</ul>