Curso de HTML
Construye la estructura de la web.
Aprende cada etiqueta con ejemplos interactivos y crea proyectos reales.
Toda página HTML se apoya en tres etiquetas: html, head y body. Entender qué va dentro de cada una evita la mayoría de los errores de estructura.
Explicación
Después del DOCTYPE, cada documento HTML se organiza en tres partes anidadas:
<html lang="es">La etiqueta raíz: contiene todo el documento. El atributo lang indica en qué idioma está escrito el contenido.
<head>Contiene información sobre la página que no se muestra directamente: título, metadatos, enlaces a hojas de estilo.
<body>Contiene todo el contenido visible: textos, imágenes, botones; todo lo que el usuario ve en la ventana del navegador.
Reto rápido
El <title> de este documento está mal ubicado dentro de body. Muévelo a head y, en su lugar, agrega un párrafo de presentación.
En esta lección
- Ejemplo interactivo
- Explicación de cada etiqueta
- Cuándo usarlo
- Errores comunes
Consejo
head siempre va antes que body, y ambos van dentro de html. Si el editor marca un error de etiqueta, revisa primero ese orden.
Dato extra
El atributo lang no es decorativo: los lectores de pantalla lo usan para elegir la pronunciación correcta, y los traductores automáticos lo usan para saber desde qué idioma traducir.
Error común
Poner texto o etiquetas visibles (como <p> o <h1>) directamente dentro de <head>, o al revés, meter <title> dentro de <body>. El navegador no lo corrige ni lo muestra donde esperas.
Siguiente paso
Ya conoces el esqueleto completo del documento. Ahora veamos qué información suele vivir dentro del head: los metadatos.
Ir a la siguiente lección