¿Qué relación tiene HTML con CSS y JavaScript?

HTML, CSS y JavaScript son las tres tecnologías fundamentales que trabajan conjuntamente para crear prácticamente todas las experiencias web que conoces. Cada una tiene un papel distinto pero complementario:

1. HTML (HyperText Markup Language):
   Es el responsable de la estructura y el contenido semántico de la página. Podríamos decir que es el esqueleto. Define los elementos que componen la página, como títulos, párrafos, imágenes, enlaces o botones.
   Por ejemplo: <div id="mensaje">Hola</div>
2. CSS (Cascading Style Sheets):
   Se encarga de la presentación y el estilo visual de esos elementos HTML. Controla los colores, las fuentes, los márgenes, el espaciado y la disposición en la página.
   Es como la «ropa» o la «pintura» que decora el esqueleto.
   Por ejemplo, para el div anterior: #mensaje { color: blue; font-size: 20px; padding: 10px; }
3. JavaScript (JS):
   Añade interactividad y comportamiento dinámico a la página. Permite que los elementos respondan a las acciones del usuario (clics, movimientos del ratón), actualiza el contenido sin recargar la página, crea animaciones complejas y mucho más.
   Son los «músculos» o la «electricidad» que dan vida a la estructura y la presentación.
   Por ejemplo, para cambiar el texto del div con JavaScript: document.getElementById('mensaje').textContent = '¡Adiós!';

En resumen, HTML proporciona la base estructural, CSS la mejora visualmente y JavaScript la hace funcional e interactiva. Un archivo HTML a menudo enlaza archivos CSS y JavaScript para que trabajen juntos.