Las etiquetas en HTML son comandos que indican al navegador cómo debe mostrar el contenido de una página web. Estas etiquetas están delimitadas por los caracteres < y >. Generalmente, vienen en pares: una etiqueta de apertura y una etiqueta de cierre, con el contenido entre ellas. La etiqueta de cierre se diferencia por una barra diagonal antes del nombre de la etiqueta.
Ejemplo de Etiquetas en HTML
<p>Este es un párrafo.</p>
En este ejemplo, <p> es la etiqueta de apertura y </p> es la etiqueta de cierre.
Explicando Etiquetas en HTML
Si recuerdan en la Guía de HTML5 Básico habíamos usado una estructura básica, ahora vamos a explicar sus etiquetas en HTML.
<!DOCTYPE html>
Esta declaración define el tipo de documento y la versión de HTML que se está utilizando. En HTML5, se usa simplemente <!DOCTYPE html>.
<html>
La etiqueta <html> indica el inicio y el fin de un documento HTML. Todo el contenido de la página web debe estar contenido dentro de esta etiqueta.
<head>
La sección <head> contiene metadatos sobre el documento, como el título de la página, enlaces a hojas de estilo y scripts, y la codificación de caracteres.
<title>
Dentro de <head>, la etiqueta <title> define el título de la página que aparece en la pestaña del navegador.
<body>
La etiqueta <body> encierra el contenido visible de la página web, como texto, imágenes, enlaces y otros elementos multimedia.
Próximos Pasos
Ahora que conoces la estructura básica de un documento HTML y la función de las etiquetas, estás listo para profundizar en otros tipos de etiquetas. En futuros artículos, exploraremos:
- Etiquetas de Texto en HTML: Aprende cómo dar formato al texto en tu página web.
- Etiquetas de Multimedia en HTML: Descubre cómo insertar imágenes, videos y audio.
- Etiquetas Contenedores en HTML: Entiende cómo organizar y agrupar contenido en tu sitio web.
Mantente atento para estos próximos artículos, donde detallaremos cada uno de estos aspectos esenciales del desarrollo web con HTML.
Conclusión
Las etiquetas en HTML son esenciales para estructurar y presentar contenido en la web. Entender la estructura básica de HTML es el primer paso para crear páginas web efectivas y atractivas. Continúa explorando y aprendiendo más sobre HTML para mejorar tus habilidades como desarrollador web.