# Een eerste HTML-document
# HTML-documenten
Een HTML-document is niets meer dan een tekstdocument met de extensie .html. Een HTML-document kan vervolgens in een browser zoals Google Chrome, Safari of Mozilla Firefox geopend worden. De browser interpreteert vervolgens de geschreven HTML-code om inhoud op het scherm te tonen.
Begin met het maken en openen van een projectmap met de naam html
(je mag ook zelf een naam kiezen) waarin je je HTML-documenten zal bewaren. Je kan dit doen via Verkenner in Windows of Finder op Mac of rechtstreeks via het menu in Visual Studio Code File -> Open Folder
. Om via Verkenner een map rechtstreeks als projectmap te openen klik je met de rechtermuisknop in de map en kies je voor Open in Code
.
Je krijgt vervolgens een lege projectmap te zien met de standaard lay-out van Visual Studio.
Maak wanneer de projectmap geopend is een eerste HTML-document aan met de naam hallowereld.html
. Je kan dit doen via een rechtermuisklik in de File Explorer en te kiezen voor New File
. Vergeet de extensie niet zelf toe te voegen aan de bestandsnaam!
Het nieuwe bestand wordt geopend aan de rechterkant van Visual Studio Code. Laat je niet afschrikken door een leeg blad, het zal snel gevuld worden!
# Eerste test
Om snel even je nieuw gemaakt HTML-document te testen kan je als volgt tewerk gaan:
- Schrijf een zinnetje in het HTML-document, zoals het traditionele
Hallo Wereld
. - Open het document in de browser via Live Server (rechtermuisklik -> Open with Live Server)
De browser zou automatisch moeten openen en jouw boodschap tonen!
Je hebt echter nog geen letter HTML geschreven. Tijd om daar verandering in te brengen.