Los tres archivos de toda página web

Una página web moderna está construida con tres lenguajes, cada uno con un rol diferente:

• HTML define la estructura y el contenido: qué hay en la página (un título, un párrafo, una imagen, un botón).
• CSS define la presentación: cómo se ve (colores, tamaños, posiciones, tipografías).
• JavaScript define el comportamiento: qué puede hacer la página (un menú que se abre, un formulario que valida datos).

Son tres archivos de texto separados. El navegador los descarga y los interpreta cada uno, en orden.

---

Una analogía: el edificio

Pensá en una página web como un edificio:

• El HTML es la estructura: paredes, pisos, puertas. Define qué existe y dónde.
• El CSS es el diseño de interiores: pintura, muebles, iluminación. Define cómo se ve.
• JavaScript es la instalación eléctrica y los ascensores: lo que se mueve e interactúa.

Podés tener un edificio sin diseño de interiores (HTML sin CSS: funciona, pero es feo). No podés tener diseño de interiores sin estructura (CSS sin HTML: no hay nada donde aplicarlo).

---

Cómo el navegador muestra una página

El proceso, muy simplificado:

1. El navegador descarga el HTML primero. Es el mapa de la página.
2. Usando ese mapa, descarga los recursos referenciados: el CSS, las imágenes, los íconos.
3. Aplica el CSS al HTML para determinar la apariencia de cada elemento.
4. Muestra el resultado en pantalla.

Por eso HTML es el punto de partida: sin él, el CSS no tiene nada donde aplicarse.

---

Qué cubrimos en este recorrido

Este recorrido cubre HTML y CSS. JavaScript es un lenguaje completo por sí mismo — poderoso, pero fuera del alcance de este curso. Lo que aprendás acá es la base necesaria antes de tocarlo.

---

En la siguiente lección vas a conocer cómo está organizado este recorrido y cómo aprovechar mejor la plataforma.

¿Cuál es la diferencia entre HTML y CSS?

HTML define qué hay en la página (estructura y contenido). CSS define cómo se ve (colores, tamaños, posiciones). Son archivos separados; el navegador los aplica en orden.

¿Por qué el navegador descarga el HTML primero?

Porque el HTML es el mapa de la página: indica qué otros recursos existen (CSS, imágenes). Sin ese mapa, el navegador no sabe qué más tiene que pedir al servidor.