Saltar al contenido principal

Ejercicio práctico 4: Listas Ordenadas y Desordenadas

En este ejercicio práctico aprenderás a crear Listas Ordenadas y Desordenadas en HTML, comprendiendo su sintaxis, estructura y aplicaciones para organizar contenido de forma clara y jerárquica.

Actividad​

Crea un documento HTML con una lista ordenada (<ol>) y una lista desordenada (<ul>).

Solución interactiva​

Solución con el código HTML completo​

HTML
<!DOCTYPE html>
<html lang="es">
  <head>
    <meta charset="UTF-8" />
    <title>Listas</title>
  </head>
  <body>
    <h1>Lista Ordenada</h1>
    <ol>
      <li>Elemento 1</li>
      <li>Elemento 2</li>
      <li>Elemento 3</li>
    </ol>
    <h2>Lista Desordenada</h2>
    <ul>
      <li>Elemento A</li>
      <li>Elemento B</li>
      <li>Elemento C</li>
    </ul>
  </body>
</html>