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.

<!DOCTYPE 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

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

Vervang [Jouw Naam] door je eigen naam.

2. Schrijf een Korte Introductie

<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

<h2>Mijn Hobby's</h2>

4. Maak een Lijst van je Hobby's

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

<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.

<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!