Skip to main content

Practical Exercise 4: Ordered and Unordered Lists

In this practical exercise, you will learn how to create ordered and unordered lists in HTML, understanding their syntax, structure, and applications for organizing content clearly and hierarchically.

Activity​

Create an HTML document with an ordered list (<ol>) and an unordered list (<ul>).

Interactive Solution​

Solution with complete HTML code​

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>