HTML staat voor HyperText Markup Language. Het is de standaardtaal voor het maken van webpagina's en het structureren van inhoud. HTML beschrijft de inhoud van een webpagina met behulp van "tags". Elke HTML-pagina bestaat uit elementen die met tags worden gedefinieerd.
Een voorbeeld pagina kan er zo uitzien
<!DOCTYPE html> <html> <head> <title>Mijn eerste HTML-pagina</title> </head> <body> <h1>Hello World</h1> </body> </html>
Verklaring:
<!DOCTYPE html>: Bepaalt dat het document HTML5 is.<html>: De root van de HTML-pagina.<head>: Bevat metadata, zoals de titel van de pagina.<title>: Bepaalt de naam die in de browser wordt weergegeven.<body>: Bevat de inhoud die op de webpagina wordt weergegeven.<h1>: Een koptekst (hier "Hello World").
Opdracht D1
Schrijf een HTML-bestand met de naam hello.html en voeg de bovenstaande code toe. Open het bestand in je browser om te zien hoe "Hello World" wordt weergegeven.
Zorg ervoor dat je USBwebserver is opgestart. Indien de instellingen op standaard staan, kan je de pagina open http://localhost/hello.html
TIP
In een eerdere paragraaf hebben we de VScode extensie Emmet geïnstalleerd. Hiermee kunnen we snel HTML code genereren.
Type ! gevolgd door de <tab> toets. Dit zal ongeveer de volgende code aanmaken.
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> </body> </html>
Hiermee kan je snel een nieuwe HTML pagina aanmaken
En zet 'auto save' aan bij je VScode!!!