En esta lección explicamos qué es HTML, cómo funcionan las páginas web y qué necesitamos para crear una página desde cero. El punto de partida más acertado para quien empieza a programar.
Nota de 2026: este artículo se escribió en 2014. La lógica básica de HTML no ha cambiado en 12 años — las etiquetas y la estructura de página que se explican aquí siguen siendo válidas en 2026. La mayor actualización es que HTML5 se convirtió en el estándar.
¿Qué es HTML?
HyperText Markup Language (lenguaje de marcado de hipertexto). Es el lenguaje que forma el esqueleto de las páginas web. Toda página empieza con HTML — el CSS aporta la apariencia y JavaScript el comportamiento.
Una página sencilla
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>Mi primera página</title>
</head>
<body>
<h1>¡Hola mundo!</h1>
<p>Esta es mi primera página web.</p>
</body>
</html>Guarda este código como index.html y ábrelo en el navegador — tu propia página está lista.
La estructura básica
<!DOCTYPE html>: le dice al navegador «estoy usando HTML5».<head>: la metainformación de la página (título, juego de caracteres, enlaces CSS).<body>: todo el contenido que ve el visitante.- Apertura y cierre: la mayoría de las etiquetas van en pareja, como
<p>...</p>.
Recursos de aprendizaje en 2026
- MDN Web Docs (en español) — la fuente con mayor calidad de referencia.
- The Odin Project — ruta completa, gratuita y basada en proyectos.
- freeCodeCamp — interactivo y con certificados.
