Anidamiento y cierre de etiquetas
Parte de la sección Fundamentals del Journey de HTML de Coddy — lección 4 de 60.
En HTML, el anidamiento significa colocar un elemento dentro de otro. Por ejemplo, puedes poner una etiqueta <strong> dentro de una etiqueta <p> para hacer el texto bold dentro de un paragraph.
Así es como se ve:
<p>This is <strong>bold</strong> text.</p>Las etiquetas de cierre son fundamentales. Cada etiqueta de inicio debe tener su correspondiente etiqueta de cierre.
La etiqueta de cierre es igual que la etiqueta de inicio pero con una barra diagonal (/) antes del nombre de la etiqueta. Por ejemplo, <p> inicia un párrafo, y </p> lo finaliza.
El anidamiento incorrecto puede causar problemas de renderizado. Asegúrate siempre de cerrar las etiquetas en el orden correcto. La etiqueta interna debe cerrarse antes que la etiqueta externa.
Anidación correcta:
<p>This is <strong>bold</strong> text.</p>Anidamiento incorrecto:
<p>This is <strong>bold text.</p></strong>
Desafío
FácilSe te proporciona un documento HTML con un elemento de párrafo. Dentro del párrafo, anida un elemento <strong> alrededor de la palabra "important".
Pruébalo tú mismo
<!DOCTYPE html>
<html>
<body>
<p>This is an important message.</p>
</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