Tarea anterior
Marcado de texto con HTML4/10
A la lista de tareas
  1. 1. Párrafos
  2. 2. Encabezados y subencabezados
  3. 3. Lista no ordenada
  4. 4. Lista ordenada
  5. 5. Lista multinivel
  6. 6. Lista de definiciones
  7. 7. Importancia: etiquetas strong y b
  8. 8. Destacar información: etiquetas em e i
  9. 9. Saltos de línea y separadores: etiquetas br y hr
  10. 10. Texto preformateado
Siguiente tarea
  • Cursos
  • Registro
  • Iniciar sesión

Loading…
En unos segundos, estará listo.

  • Teoría
  • Teoría

Lista ordenada

La lista ordenada se crea con la etiqueta <ol>, que puede contener etiquetas <li> en su interior.

Mientras que los elementos de una lista no ordenada se muestran con viñetas, los de una lista ordenada aparecen numerados.

A una lista ordenada se le puede asignar el atributo start, que cambia el número inicial. Por ejemplo, este código:

<ol start="3">
  <li>uno</li>
  <li>dos</li>
</ol>

Se verá así:

  1. uno
  2. dos
  • index.html
HTML
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Lista ordenada</title> </head> <body> <h1>¿Qué tipos de encabezados hay?</h1> <p>Encabezados y subencabezados en orden descendente de importancia:</p> <ol> <li>h1</li> <li>h2</li> <li>h3</li> <!-- agrega más elementos aquí --> </ol> <p>La lista ordenada se usa para enumerar elementos o acciones cuando el orden es importante.</p> </body> </html>

El código ha cambiado, haz clic en "Actualizar" o activa la ejecución automática.

Ha ido a otra página

Haga clic dentro del mininavegador para poner el foco en esta ventana.

100%
ObjetivosRealizado
0
    1. Agrega tres elementos más a la lista de encabezados: h4, h5 y h6.
    2. Luego cambia el inicio de la numeración con el atributo start para que comience desde 2 o un número mayor.

    © 2023-2026, codigoheroe.com