* Contenido: Este es el texto, las imágenes, los videos y otros elementos que componen la información de la página. Esto se define principalmente por el HTML.
* Diseño: La disposición y el posicionamiento del contenido en la página. Esto está determinado por el CSS (hojas de estilo en cascada), que dicta cosas como tamaños de fuente, colores, espaciado y la estructura general.
* Interactividad: Si la página usa JavaScript, verá elementos dinámicos que responden a la interacción del usuario, como animaciones, envíos de formularios y actualizaciones sin requerir una recarga de página.
* Recursos descargados: El navegador descarga varios recursos para mostrar la página por completo, incluidas imágenes, videos, hojas de estilo CSS, archivos JavaScript y fuentes.
En esencia, lo que ves es la interpretación y la presentación del navegador del código fuente, creando una experiencia visual fácil de usar. El navegador actúa como un intérprete, traduciendo el código en la página que ve.