# Opdracht: Maak je eigen Webpagina

### Stap 1: Maak een Nieuw HTML-bestand

1. Open je teksteditor.
2. Maak een nieuw bestand.
3. Sla het bestand op als `index.html` in een nieuwe map voor je project.

### Stap 2: Voeg de Basisstructuur Toe

Kopieer de basisstructuur van het HTML-document in je `index.html`-bestand.

```html

<html lang="nl">
<head>
    <meta charset="UTF-8">
    <title>Over Mij</title>
</head>
<body>
    <!-- Jouw inhoud komt hier -->
</body>
</html>
```

### Stap 3: Voeg Inhoud Toe aan de Body

#### 1. Voeg een Titel Toe met je Naam

```html
<h1>Hallo, ik ben [Jouw Naam]!</h1>
```

Vervang `[Jouw Naam]` door je eigen naam.

#### 2. Schrijf een Korte Introductie

```html
<p>Ik ben een student met interesse in webontwikkeling. In mijn vrije tijd hou ik van lezen, sporten en programmeren.</p>
```

Pas de tekst aan zodat deze over jou gaat.

#### 3. Voeg een Subtitel Toe voor je Hobby's

```html
<h2>Mijn Hobby's</h2>
```

#### 4. Maak een Lijst van je Hobby's

Je kunt een ongeordende lijst maken met `<ul>` en `<li>`.

```html
<ul>
    <li>Programmeren</li>
    <li>Muziek luisteren</li>
    <li>Buiten sporten</li>
</ul>
```

#### 5. Voeg een Afbeelding Toe

Zorg ervoor dat je een afbeelding hebt (bijvoorbeeld `profiel.jpg`) en plaats deze in dezelfde map als je `index.html`-bestand.

```html
<img src="profiel.jpg" alt="Foto van mij">
```

### Stap 4: Sla het Bestand op en Bekijk je Pagina

1. Sla je `index.html`-bestand op.
2. Open de map waar je bestand is opgeslagen.
3. Dubbelklik op `index.html` om het in je webbrowser te openen.

Je zou nu je eerste webpagina moeten zien met je eigen inhoud!

</body></html>