Summary  
This chapter explains the programming concepts of structuring content with HTML, styling it with CSS, and adding interactivity through JavaScript.

General domain of usage  
Front-end web development

Een website bestaat uit verschillende bestanden die samenwerken om te creëren wat je in de browser ziet. De drie belangrijkste componenten zijn **HTML**, **CSS** en **JavaScript**, en elk heeft zijn eigen functie.

### HTML-bestand
HTML vormt de ruggengraat van elke webpagina.
Als een website een huis zou zijn, is HTML het baksteen, het materiaal waarmee de structuur wordt gebouwd. HTML definieert tekst, afbeeldingen, knoppen, links en alle inhoud die op de pagina verschijnt.

### CSS-bestand
CSS is verantwoordelijk voor het visuele uiterlijk van de website.
In de huisanalogie is CSS de verf, decoraties en ontwerpkeuzes, de elementen die bepalen hoe het huis eruitziet. CSS maakt het mogelijk om kleuren te wijzigen, tekst te stijlen, lay-outs te creëren, ruimte toe te voegen en elementen visueel aantrekkelijk te maken.

CSS neemt de ruwe HTML-inhoud en zorgt ervoor dat deze er goed uitziet.

### JavaScript-bestand
JavaScript voegt gedrag en interactiviteit toe.
In de huisanalogie is JavaScript de elektriciteit, apparaten en gereedschappen, de functies die het huis functioneel maken. JavaScript zorgt ervoor dat websites reageren op gebruikersacties, interactieve elementen tonen, inhoud dynamisch bijwerken, formulieren valideren en elementen animeren.

Zonder JavaScript zou een webpagina statisch en niet-interactief blijven.

Wat zijn de drie soorten bestanden die je meestal van een server ontvangt bij het bezoeken van een website?

Wat is het doel van HTML-bestanden op een website?

Wat is het doel van CSS-bestanden op een website?

Wat is het doel van JavaScript-code op een website?

Leer de basisprincipes van HTML (HyperText Markup Language), de basis van webontwikkeling. Deze cursus voor beginners behandelt tags, attributen, elementen en het structureren van webpagina's. Verwerf praktische vaardigheden in het maken van koppen, alinea's, lijsten, afbeeldingen, links, formulieren en tabellen. Ontdek best practices, optimalisatie en webtoegankelijkheid. Begin je webontwikkelingsreis met HTML.

Verken de werking van het web. Leer hoe gegevens over netwerken reizen, ontdek de rol van protocollen en ontrafel de mysteries van IP-adressen en domeinnamen. Krijg een hoogwaardig begrip van hoe webbrowsers en servers communiceren om webinhoud te leveren.

Ontdek de kracht van tags om inhoud te structureren, van koppen en alinea's tot lijsten en tabellen. Leer hoe je de elementen kunt verbeteren met attributen.

De kern van de HTML-documentstructuur. Leer de componenten van een HTML-document, inclusief de doctype-verklaring, head en body. Begrijp het doel van elk element en hoe ze bijdragen aan de algehele structuur van een webpagina.

Maak een webpagina aantrekkelijker met behulp van media zoals afbeeldingen, audio en video. Werk met gestructureerde tabelgegevens in de vorm van tabellen.

Ontdek de veelzijdigheid van HTML-formulieren. Leer intuïtieve en gebruiksvriendelijke formulieren ontwerpen door gebruik te maken van belangrijke concepten en technieken. Ontdek hoe formulieren gebruikersinteractie en gegevensverzending op websites mogelijk maken.

Begrijpen Hoe Websites Werken

HTML-bestand

CSS-bestand

JavaScript-bestand

1. Wat zijn de drie soorten bestanden die je meestal van een server ontvangt bij het bezoeken van een website?

2. Wat is het doel van HTML-bestanden op een website?

3. Wat is het doel van CSS-bestanden op een website?

4. Wat is het doel van JavaScript-code op een website?