Lista desordenada
Parte de la sección Fundamentals 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 o letras. En su lugar, cada elemento se marca con una viñeta.
Para crear una lista desordenada, se utiliza la etiqueta <ul>. Cada elemento de la lista se define utilizando la etiqueta <li>.
Aquí tienes cómo 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 no ordenada, y cada etiqueta <li> representa un elemento de la lista. Cuando se muestra en un navegador, este código creará una lista con viñetas:
- Elemento 1
- Elemento 2
- Elemento 3
Las listas no ordenadas son útiles para presentar elementos donde el orden no importa, como una lista de ingredientes o características.
Desafío
FácilCrea un documento HTML con una lista desordenada que contenga tres elementos: "Apple", "Banana" y "Orange". (En ese orden)
Hoja de referencia
Para crear una lista desordenada usa la etiqueta <ul> con etiquetas <li> para cada elemento:
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>Las listas desordenadas muestran elementos con viñetas y son útiles cuando el orden no importa.
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