Como é que o navegador exibe uma página web no ecrã do utilizador?

O processo de exibição de uma página web pelo navegador inclui várias etapas:

1. Obtenção do HTML — o navegador solicita o documento HTML ao servidor.
2. Análise do HTML — constrói a árvore DOM (Document Object Model).
3. Obtenção e análise do CSS — constrói o CSSOM (CSS Object Model).
4. Construção da árvore de renderização — união do DOM e CSSOM para determinar estilos e estrutura de exibição.
5. Layout (cálculo de geometria) — calcula as dimensões e posições dos elementos na página.
6. Pintura (renderização) — o navegador desenha pixels na tela de acordo com a árvore de renderização.

Se houver JavaScript na página, ele pode modificar o DOM e CSSOM, causando renderizações adicionais.

Dessa forma, o navegador transforma sequencialmente o código da página em uma representação visual para o usuário.