Tags Emparejadas y Simples
En HTML, existen tanto tags emparejadas como tags simples (también conocidas como tags de cierre automático o elementos vacíos). Cada tipo sirve para un propósito específico y tiene su propia función.
Tags emparejadas
Las tags emparejadas consisten en tags de apertura y cierre. Pueden envolver el contenido y agrupar elementos para cambiar algunas propiedades o reunir elementos por significado.
Sintaxis:
He aquí un ejemplo real de uso de tags emparejadas:
index.html
index.css
index.js
Tags simples
Las tags simples constan únicamente de una tag de apertura y ninguna de cierre. Se utilizan cuando la tag no requiere contenido o cuando todo el contenido y el comportamiento se especifican mediante atributos.
Sintaxis:
He aquí un ejemplo real de uso de tags simples:
index.html
index.css
index.js
Anidamiento de tags
Al anidar tags, es esencial seguir el orden jerárquico, de forma similar a cuando se anidan muñecas. Cada tag anidada debe encerrarse adecuadamente dentro de su tag padre sin dejar de seguir las reglas de la sintaxis HTML.
He aquí un ejemplo de tags anidadas:
Veamos el siguiente ejemplo válido (correcto):
index.html
index.css
index.js
<p>- define un párrafo (elemento padre);<a>- define un hipervínculo (elemento hijo);<em>- marca un texto con énfasis (elemento hijo).
Nota
En resumen, HTML se compone de tags emparejadas y simples, cada una de las cuales tiene un propósito diferente. Las tags emparejadas tienen una tag de apertura y otra de cierre para encerrar el contenido, mientras que las tags simples se cierran solas. Anidar las tags correctamente y seguir la jerarquía adecuada es esencial para una estructura HTML bien formada.
¿Todo estuvo claro?
Contenido del Curso
HTML Definitivo
2. Tags y Atributos
HTML Definitivo
Tags Emparejadas y Simples
En HTML, existen tanto tags emparejadas como tags simples (también conocidas como tags de cierre automático o elementos vacíos). Cada tipo sirve para un propósito específico y tiene su propia función.
Tags emparejadas
Las tags emparejadas consisten en tags de apertura y cierre. Pueden envolver el contenido y agrupar elementos para cambiar algunas propiedades o reunir elementos por significado.
Sintaxis:
He aquí un ejemplo real de uso de tags emparejadas:
index.html
index.css
index.js
Tags simples
Las tags simples constan únicamente de una tag de apertura y ninguna de cierre. Se utilizan cuando la tag no requiere contenido o cuando todo el contenido y el comportamiento se especifican mediante atributos.
Sintaxis:
He aquí un ejemplo real de uso de tags simples:
index.html
index.css
index.js
Anidamiento de tags
Al anidar tags, es esencial seguir el orden jerárquico, de forma similar a cuando se anidan muñecas. Cada tag anidada debe encerrarse adecuadamente dentro de su tag padre sin dejar de seguir las reglas de la sintaxis HTML.
He aquí un ejemplo de tags anidadas:
Veamos el siguiente ejemplo válido (correcto):
index.html
index.css
index.js
<p>- define un párrafo (elemento padre);<a>- define un hipervínculo (elemento hijo);<em>- marca un texto con énfasis (elemento hijo).
Nota
En resumen, HTML se compone de tags emparejadas y simples, cada una de las cuales tiene un propósito diferente. Las tags emparejadas tienen una tag de apertura y otra de cierre para encerrar el contenido, mientras que las tags simples se cierran solas. Anidar las tags correctamente y seguir la jerarquía adecuada es esencial para una estructura HTML bien formada.
¿Todo estuvo claro?
