Wanneer u naar een pagina bladert of deze opent in een webbrowser, ziet u de weergegeven uitvoer van een webpagina. Dit is een visuele weergave van de onderliggende code van de pagina (HTML, CSS en JavaScript). Meer specifiek zie je:
* Inhoud: Dit zijn de tekst, afbeeldingen, video's en andere elementen waaruit de informatie op de pagina bestaat. Dit wordt voornamelijk bepaald door de HTML.
* Indeling: De indeling en positionering van de inhoud op de pagina. Dit wordt bepaald door de CSS (Cascading Style Sheets), die zaken als lettergroottes, kleuren, spatiëring en de algehele structuur dicteert.
* Interactiviteit: Als de pagina JavaScript gebruikt, ziet u dynamische elementen die reageren op gebruikersinteractie, zoals animaties, formulierinzendingen en updates, zonder dat de pagina opnieuw hoeft te worden geladen.
* Gedownloade bronnen: De browser downloadt verschillende bronnen om de pagina volledig weer te geven, inclusief afbeeldingen, video's, CSS-stylesheets, JavaScript-bestanden en lettertypen.
Wat u in essentie ziet, is de interpretatie en presentatie van de broncode door de browser, waardoor een gebruiksvriendelijke visuele ervaring ontstaat. De browser fungeert als tolk en vertaalt de code naar de pagina die u ziet. |