Tu primera página web: qué hacen HTML, CSS y JavaScript

Una página web combina contenido, apariencia y comportamiento. HTML organiza el contenido: indica qué texto es un título, qué parte es un párrafo y qué elemento es un enlace. CSS define cómo se ve: colores, espacios y distribución. JavaScript permite que la página responda a acciones, por ejemplo al pulsar un botón.

Piensa en una ficha de estudio: HTML contiene el título y las notas; CSS decide cómo se acomodan y distinguen; JavaScript podría mostrar una respuesta al tocar «Ver solución». No necesitas dominar las tres cosas a la vez para empezar.

Abre un editor de texto, crea un archivo llamado index.html y copia este ejemplo. Después ábrelo en un navegador. Todo funciona en tu propio equipo.

<!doctype html>
<html lang="es">
  <head><meta charset="utf-8"><title>Mi primera web</title></head>
  <body>
    <h1>Hola, web</h1>
    <p>Estoy aprendiendo a crear páginas.</p>
  </body>
</html>

Prueba cambiar el texto de <h1>, guarda el archivo y actualiza la pestaña. Ese pequeño ciclo —editar, guardar y comprobar— es la base del trabajo web.

Empieza por enlaces, imágenes y estructura semántica en HTML. Luego practica colores, tipografía y diseño adaptable en CSS. Añade JavaScript cuando tengas una interacción concreta que resolver. Un proyecto pequeño, como una lista de recursos de estudio, te dará mejores preguntas que memorizar etiquetas sueltas.