Lección 2: ¿Cómo funciona un navegador?

Un navegador interpreta HTML para mostrar páginas web. Lee el código de arriba hacia abajo, construye una estructura interna llamada DOM, y luego la pinta en pantalla.

Pasos del navegador

Solicita los archivos HTML al servidor
Lee el documento
Construye el DOM
Pinta la interfaz

¿Qué es el DOM?

Es una representación en forma de árbol del contenido del HTML.

Ejemplo de estructura HTML

<body>
    <h1>Hola</h1>
    <p>Bienvenido</p>
</body>

Árbol DOM resultante

body
├── h1 ("Hola")
└── p ("Bienvenido")