# 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="https://210966672-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MOkCIGxiLmgO-SziAsS%2Fuploads%2F0G4tNN71fcs4CXtNrVXy%2FScreenshot%202024-01-26%20at%201.34.59%E2%80%AFPM.png?alt=media&#x26;token=d2c63e50-1aa0-40fa-a7ab-df2d54d2319b" alt=""><figcaption></figcaption></figure>

### Stap 2

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



<figure><img src="https://210966672-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MOkCIGxiLmgO-SziAsS%2Fuploads%2FVQzwC08KIRbsDCrhXi9M%2FScreenshot%202024-01-26%20at%202.03.20%E2%80%AFPM.png?alt=media&#x26;token=2b1c7c82-2f94-4950-b411-289170d11724" 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._
