Profe Johnny
Manual · Tema 2 de 11

Estructura básica de un documento

Las etiquetas obligatorias de todo documento HTML válido.

Todo documento HTML comparte un esqueleto fijo: <!doctype html> le indica al navegador que use el estándar HTML5; <html> envuelve todo el contenido; dentro de él, <head> guarda metadatos que no se ven en pantalla (título de la pestaña, codificación de caracteres, enlaces a CSS) y <body> contiene todo lo que sí es visible.

El atributo lang="es" en la etiqueta <html> ayuda a lectores de pantalla y buscadores a saber el idioma del contenido. La etiqueta <meta charset="UTF-8"> evita que se rompan las tildes y la letra ñ.

Las etiquetas casi siempre vienen en pareja: apertura <p> y cierre </p>. Algunas, como <meta> o <img>, no llevan cierre porque no envuelven contenido.

Ejemplo — pruébalo tú mismo

estructura-basica.html
Ponlo a prueba: Agrega la etiqueta <title> con el texto 'Mi sitio' y verifica que sea lo único que no se ve en el resultado.