Menu
CoddyTech

Lista desordenada

Parte de la sección Fundamentos del Journey de HTML de Coddy. Lección 12 de 60.

En HTML, una lista desordenada es una lista de elementos que no están ordenados por números ni letras. En su lugar, cada elemento se marca con una viñeta.

Para crear una lista desordenada, usa la etiqueta <ul>. Cada elemento de la lista se define usando la etiqueta <li>.

Así es como puedes crear una lista desordenada en HTML:

<ul>
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
</ul>

En este ejemplo, la etiqueta <ul> define la lista desordenada, y cada etiqueta <li> representa un elemento de la lista. Cuando se muestre en un navegador, este código creará una lista con viñetas:

  • Elemento 1
  • Elemento 2
  • Elemento 3

Las listas desordenadas son útiles para presentar elementos cuyo orden no importa, como una lista de ingredientes o características.

challenge icon

Desafío

Fácil

Crea un documento HTML con una lista desordenada que contenga tres elementos: "Apple", "Banana" y "Orange". (En ese orden)

Cierra la lista con </ul>.

Pruébalo tú mismo

<!DOCTYPE html>
<html>
    <body>
        <!-- Escribe código aquí -->
    </body>
</html>
quiz iconPonte a prueba

Esta lección incluye un breve cuestionario. Empieza la lección para responderlo y registrar tu progreso.

Todas las lecciones de Fundamentos

Practica por tu cuenta: Playground de Web