Ejemplo de lista no ordenada

shopping_cart Lista de la compra

<!-- Lista de la compra semanal -->
<h2>Lista de la compra</h2>

<ul>
  <li>Leche (2 litros)</li>
  <li>Huevos (docena)</li>
  <li>Pan integral</li>
  <li>Hummus</li>
  <li>Tomates (1 kg)</li>
  <li>Manzanas (6 unidades)</li>
  <li>Pechuga de pollo</li>
</ul>

visibility Resultado visual

Lista de la compra

  • Leche (2 litros)
  • Huevos (docena)
  • Pan integral
  • Hummus
  • Tomates (1 kg)
  • Manzanas (6 unidades)
  • Pechuga de pollo
lightbulb Ventajas de usar listas no ordenadas

• Estructura semántica para navegadores y lectores de pantalla

• Fácil mantenimiento y actualización de elementos

• Estilización flexible con CSS