## 16.1 Introductie

# Stap 1.

- Kijk naar je toetsenbord.
- Druk op CTRL en U
- Je ziet nu de broncode van de website waar je nu op zit te kijken. Elke website heeft zijn eigen code.

# Stap 2.

Bekijk het onderstaande filmpje met je oordopjes in.

HTML (HyperText Markup Language) is een computertaal waarmee je webpagina's kunt maken. Het gebruikt speciale codes, genaamd "tags", om tekst, afbeeldingen en andere inhoud te organiseren en weer te geven. Bijvoorbeeld, de `<h1>`-tag maakt een grote koptekst en de `<p>`-tag maakt een paragraaf tekst. Alles wat je op een website ziet, zoals titels, teksten en foto's, wordt geregeld door HTML. HTML is de basis van elke webpagina die je bezoekt op het internet.

## Basis Webpagina in HTML

Webpagina's worden gemaakt met codes die een browser vertaalt naar een leesbare pagina. In deze gids leer je hoe je een eenvoudige webpagina kunt maken met HTML.

### Wat is HTML?

HTML staat voor HyperText Markup Language. Het is de taal die we gebruiken om webpagina's te maken.

### HTML Tags

HTML bestaat uit tags. Een tag is een stukje code dat begint met `<` en eindigt met `>`. Bijvoorbeeld, de `<html>` tag geeft aan dat het document een HTML-document is.

### Basisstructuur van een HTML-document

Hier is de basisstructuur van een HTML-document:

    <!DOCTYPE html>
    <html>
    <head>
        <title>Mijn Eerste Webpagina</title>
    </head>
    <body>
        <h1>Welkom op mijn webpagina</h1>
        <p>Dit is een alinea tekst.</p>
    </body>
    </html>

Uitleg van de structuur

- `<!DOCTYPE html>`: Dit vertelt de browser dat het om een HTML5-document gaat.
- `<html>`: Hiermee begint het HTML-document.
- `<head>`: Hier zet je informatie over de webpagina, zoals de titel.
- `<title>`: De tekst tussen deze tags wordt de titel van de webpagina, die je bovenaan in het tabblad van de browser ziet.
- `<body>`: Tussen deze tags zet je de inhoud van je webpagina, zoals tekst, plaatjes en links.
- `<h1>`: Dit is een koptekst. Er zijn verschillende kopteksttags van `<h1>` (de grootste) tot `<h6>` (de kleinste).
- `<p>`: Dit is een alinea. Alles tussen de `<p>` en `</p>` tags wordt gezien als een alinea tekst.

### Handige HTML Tags

- `<br>`: Deze tag zorgt ervoor dat tekst op een nieuwe regel begint.
- `<p>`: Gebruik deze tag voor een nieuwe alinea.

###