# Opdracht 1

### Stap 1

* Maak in je Coderclass map op je computer een map met de naam ***HTML-0***&#x20;
* Open de map in Visual Studio Code (file -> open folder)

<figure><img src="/files/f0GQVGC4scFfgoAqUyVG" alt=""><figcaption></figcaption></figure>

### Stap 2

Maak een **index.html** file aan in de folder.&#x20;

<figure><img src="/files/fQ9nQMWTKeT1DkdXkhuC" alt=""><figcaption></figcaption></figure>

En typ het onderstaande over in het bestand:

```
<!DOCTYPE html>
<html>
  <head>
    <title></title>
  </head>
  <body>
  
  </body>
</html>
```

Verander de titel van je website naar **"Een pagina over mijzelf".** Denk erom dat je deze tekst tussen **\<title>** en **\</title>** dus gaat aanpassen.

Als je de pagina opent in een browser zie je je website.&#x20;

### Stap 3

Maak nu drie **\<h1>**-tags aan op je pagina. Noem de eerste "Over mijzelf", de tweede "Hobbies" en de derde "Contact". Dit moet er zo uit komen te zien:

> **Over mijzelf**\
> **Hobbies**\
> **Contact**
> -----------

### Stap 4

Zet onder elke **\<h1>**-tags een paragraaf waarin je iets zinnigs verteld over jezelf. Je hobbies en over je contactgegevens (denk aan de **\<p>** tags!). Je hoeft niet zoveel te schrijven hoor. Een regel per kopje is meer dan genoeg. Zie hieronder een voorbeeld:

> ## **Over mijzelf**
>
> Ik ben jan en ben 12 jaar oud. Ik woon in Amsterdam

> ## **Hobbies**
>
> Ik zit op voetbal en houd van minecraf

> ## CONTACT
>
> Je kunt mij bereiken op <jan@jan.nl>

***Belangrijk! Gebruik altijd je school e-mail adres of iets dergelijk. Zet niet je telefoonnummer of adres op internet.***

*Je kunt met de volgende les aan de slag.*


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://metis-montessori-lyceum.gitbook.io/htmlcss-0/de-lessen/opdracht.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
