Lista ordenada
Parte de la sección Fundamentals del Journey de HTML de Coddy — lección 13 de 60.
En HTML, una lista ordenada es una lista de elementos que están ordenados por números o letras. Para crear una lista ordenada, se utiliza la etiqueta <ol>. Cada elemento de la lista se define utilizando la etiqueta <li>.
Aquí tienes cómo puedes crear una lista ordenada en HTML:
<ol>
<li>First item</li>
<li>Second item</li>
<li>Third item</li>
</ol>En este ejemplo, la etiqueta <ol> define la lista ordenada, y cada etiqueta <li> representa un elemento de la lista. Cuando se muestra en un navegador, este código creará una lista numerada:
- Primer elemento
- Segundo elemento
- Tercer elemento
Las listas ordenadas son útiles para presentar elementos donde el orden importa, como los pasos de un procedimiento o una lista de elementos clasificados.
Desafío
FácilCrea un documento HTML con una lista ordenada que contenga tres elementos: "First", "Second" y "Third". (En ese orden)
Hoja de referencia
Una lista ordenada muestra elementos con números o letras. Usa la etiqueta <ol> para crear la lista y las etiquetas <li> para cada elemento:
<ol>
<li>First item</li>
<li>Second item</li>
<li>Third item</li>
</ol>Las listas ordenadas son útiles cuando el orden de los elementos es importante, como los pasos de un procedimiento.
Pruébalo tú mismo
<!DOCTYPE html>
<html>
<body>
<!-- Escribe código aquí -->
</body>
</html>
Ponte a pruebaEsta lección incluye un breve cuestionario. Empieza la lección para responderlo y registrar tu progreso.
Todas las lecciones de Fundamentals
1Fundamentos de HTML
¿Qué es HTML?Estructura básica de HTMLEtiquetas y elementosAnidamiento y cierre de etiquetasComentarios en HTML4Tarjeta de receta
Descripción general del proyectoTítulo y descripción de la receta
IngredientesPasos2Texto y formato
EncabezadosPárrafosSaltos de líneaTexto en negrita y cursivaNegrita y cursiva de nuevoResumen - Formato9Formularios e Inputs Parte 2
Radio buttonsCheckboxesDropdownsBotonesBotones en formulariosRepaso - Formularios #1Repaso - Formularios #2