¿Cómo muestra el navegador una página web en la pantalla del usuario?

El proceso de renderizado de una página web por el navegador incluye varias etapas:

1. Obtención del HTML — el navegador solicita el documento HTML al servidor.
2. Análisis del HTML — se construye el árbol DOM (Document Object Model).
3. Obtención y análisis del CSS — se construye el CSSOM (CSS Object Model).
4. Construcción del árbol de renderizado — unión del DOM y CSSOM para determinar estilos y estructura de visualización.
5. Layout (cálculo de geometría) — se calculan las dimensiones y posiciones de los elementos en la página.
6. Pintado (renderizado) — el navegador dibuja píxeles en la pantalla según el árbol de renderizado.

Si en la página hay JavaScript, puede modificar el DOM y CSSOM, provocando renderizados adicionales.

De esta manera, el navegador transforma secuencialmente el código de la página en una representación visual para el usuario.