## Doel
Weergeven van werknemersinformatie in een gestructureerde tabelindeling door gebruik te maken van de juiste HTML-tags om rijen en kolommen te creëren.

## Opdracht
Maak een tabel met drie kolommen: **Name**, **Position** en **Wage**. Richt je op het gebruik van de juiste HTML-tags om de tabel te vullen met de correcte rijen en kolommen.
Hier zijn de gegevens die je moet opnemen:
1. Name: **Emma Johnson** | Position: **Sales Associate** | Wage: **$15.50 per hour**.
2. Name: **Liam Thompson** | Position: **Customer Service Representative** | Wage: **$14.75 per hour**.
3. Name: **Olivia Rodriguez** | Position: **Marketing Coordinator** | Wage: **$18.25 per hour**.
4. Name: **Noah Smith** | Position: **IT Support Specialist** | Wage: **$20.00 per hour**.
5. Name: **Ava Davis** | Position: **Administrative Assistant** | Wage: **$16.80 per hour**.


PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9ImVuIj4KICA8aGVhZD4KICAgIDxsaW5rIHJlbD0ic3R5bGVzaGVldCIgaHJlZj0iaW5kZXguY3NzIiAvPgogIDwvaGVhZD4KICA8Ym9keT4KICAgIDx0YWJsZT4KICAgICAgPCEtLSBUYWJsZSBoZWFkZXI6IERlZmluZXMgdGhlIGNvbHVtbiBoZWFkaW5ncyAtLT4KICAgICAgPHRoZWFkPgogICAgICAgIDx0cj4KICAgICAgICAgIDx0aD5fX188L3RoPgogICAgICAgICAgPHRoPlBvc2l0aW9uPC90aD4KICAgICAgICAgIDxfX18+V2FnZTwvX19fPgogICAgICAgIDwvdHI+CiAgICAgIDwvdGhlYWQ+CgogICAgICA8IS0tIFRhYmxlIGJvZHk6IENvbnRhaW5zIGRhdGEgZm9yIGVhY2ggZW1wbG95ZWUgLS0+CiAgICAgIDx0Ym9keT4KICAgICAgICA8IS0tIFJvdyAxIC0tPgogICAgICAgIDx0cj4KICAgICAgICAgIDx0ZD5FbW1hIEpvaG5zb248L3RkPgogICAgICAgICAgPHRkPl9fXzwvdGQ+CiAgICAgICAgICA8dGQ+JDE1LjUwIHBlciBob3VyPC90ZD4KICAgICAgICA8L3RyPgogICAgICAgIDwhLS0gUm93IDIgLS0+CiAgICAgICAgPHRyPgogICAgICAgICAgPF9fXz5MaWFtIFRob21wc29uPC9fX18+CiAgICAgICAgICA8dGQ+Q3VzdG9tZXIgU2VydmljZSBSZXByZXNlbnRhdGl2ZTwvdGQ+CiAgICAgICAgICA8dGQ+JDE0Ljc1IHBlciBob3VyPC90ZD4KICAgICAgICA8L3RyPgogICAgICAgIDwhLS0gUm93IDMgLS0+CiAgICAgICAgPF9fXz4KICAgICAgICAgIDx0ZD5PbGl2aWEgUm9kcmlndWV6PC90ZD4KICAgICAgICAgIDx0ZD5NYXJrZXRpbmcgQ29vcmRpbmF0b3I8L3RkPgogICAgICAgICAgPHRkPiQxOC4yNSBwZXIgaG91cjwvdGQ+CiAgICAgICAgPC9fX18+CiAgICAgICAgPCEtLSBSb3cgNCAtLT4KICAgICAgICA8dHI+CiAgICAgICAgICA8dGQ+Tm9haCBTbWl0aDwvdGQ+CiAgICAgICAgICA8dGQ+SVQgU3VwcG9ydCBTcGVjaWFsaXN0PC90ZD4KICAgICAgICAgIF9fXwogICAgICAgIDwvdHI+CiAgICAgICAgPCEtLSBSb3cgNSAtLT4KICAgICAgICA8dHI+CiAgICAgICAgICA8dGQ+QXZhIERhdmlzPC90ZD4KICAgICAgICAgIF9fXwogICAgICAgICAgPHRkPiQxNi44MCBwZXIgaG91cjwvdGQ+CiAgICAgICAgPC90cj4KICAgICAgPC90Ym9keT4KICAgIDwvdGFibGU+CiAgPC9ib2R5Pgo8L2h0bWw+

LyogCiAgV2UgY29sbGFwc2UgdGhlIGJvcmRlcnMgb2YgZWFjaCBjZWxsLiAKICBCeSBkZWZhdWx0LCBlYWNoIGNlbGwgaGFzIGl0cyBvd24gYm9yZGVycyAKICB3aGljaCBhcmUgbm90IGNvbm5lY3RlZC4KKi8KdGFibGUgewogIGJvcmRlci1jb2xsYXBzZTogY29sbGFwc2U7CiAgbWFyZ2luOiAwIGF1dG87CiAgbWFyZ2luLXRvcDogMzBweDsKICBmb250LWZhbWlseTogQXJpYWwsIHNhbnMtc2VyaWY7Cn0KCi8qIAogIEFkZCBhIGJvcmRlciBhbmQgcGFkZGluZyB0byB0aGUgY2VsbHMsIAogIHRoZSBkaXN0YW5jZSBmcm9tIHRoZSBjb250ZW50IHRvIHRoZSBib3JkZXIuCiovCnRhYmxlIHRoLAp0YWJsZSB0ZCB7CiAgcGFkZGluZzogMTBweDsKICBib3JkZXI6IDNweCBzb2xpZCAjZmY4YTAwOwogIHRleHQtYWxpZ246IGNlbnRlcjsKfQoKLyogU3R5bGUgZm9yIHRhYmxlIGhlYWRlciByb3cgKi8KdGhlYWQgdGggewogIGJhY2tncm91bmQtY29sb3I6ICNmMmYyZjI7CiAgZm9udC13ZWlnaHQ6IGJvbGQ7CiAgdGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTsKfQoKLyogQWx0ZXJuYXRlIHJvdyBiYWNrZ3JvdW5kIGNvbG9yICovCnRib2R5IHRyOm50aC1jaGlsZChldmVuKSB7CiAgYmFja2dyb3VuZC1jb2xvcjogI2YyZjJmMjsKfQoKLyogSG92ZXIgZWZmZWN0IG9uIHRhYmxlIHJvd3MgKi8KdGJvZHkgdHI6aG92ZXIgewogIGJhY2tncm91bmQtY29sb3I6ICNmZmQ2OTk7Cn0KCi8qIFRleHQgc3R5bGluZyBmb3IgY2VsbHMgKi8KdGFibGUgdGggewogIGZvbnQtc2l6ZTogMTZweDsKICBjb2xvcjogIzMzMzsKfQoKdGFibGUgdGQgewogIGZvbnQtc2l6ZTogMTRweDsKICBjb2xvcjogIzU1NTsKfQoKLyogRW1waGFzaXplIHdhZ2UgKi8KdGFibGUgdGQ6bnRoLWNoaWxkKDMpIHsKICBmb250LXdlaWdodDogYm9sZDsKICBjb2xvcjogI2ZmOGEwMDsKfQ==

1. Gebruik de `<table>`-tag om de hoofdcontainer voor de tabel te definiëren;
2. Gebruik de `<thead>`-tag om de kopinhoud van de tabel te groeperen, zoals kolomkoppen;
3. Gebruik de `<tr>`-tag om een nieuwe rij binnen de tabel te definiëren;
4. Gebruik de `<th>`-tag om de koptekst voor elke kolom te definiëren;
5. Gebruik de `<tbody>`-tag om de hoofdinhoud van de tabel te groeperen, inclusief rijen en datacellen;
6. Gebruik de `<td>`-tag om de daadwerkelijke gegevens of inhoud binnen elke tabelcel te definiëren.


Hint

```html
<!DOCTYPE html>
<html lang="en">
  <head>
    <link rel="stylesheet" href="index.css" />
  </head>
  <body>
    <table>
      
      <thead>
        <tr>
          <th>Name</th>
          <th>Position</th>
          <th>Wage</th>
        </tr>
      </thead>

      
      <tbody>
        
        <tr>
          <td>Emma Johnson</td>
          <td>Sales Associate</td>
          <td>$15.50 per hour</td>
        </tr>
        
        <tr>
          <td>Liam Thompson</td>
          <td>Customer Service Representative</td>
          <td>$14.75 per hour</td>
        </tr>
        
        <tr>
          <td>Olivia Rodriguez</td>
          <td>Marketing Coordinator</td>
          <td>$18.25 per hour</td>
        </tr>
        
        <tr>
          <td>Noah Smith</td>
          <td>IT Support Specialist</td>
          <td>$20.00 per hour</td>
        </tr>
        
        <tr>
          <td>Ava Davis</td>
          <td>Administrative Assistant</td>
          <td>$16.80 per hour</td>
        </tr>
      </tbody>
    </table>
  </body>
</html>
```

Oplossing

Leer de basisprincipes van HTML (HyperText Markup Language), de basis van webontwikkeling. Deze cursus voor beginners behandelt tags, attributen, elementen en het structureren van webpagina's. Verwerf praktische vaardigheden in het maken van koppen, alinea's, lijsten, afbeeldingen, links, formulieren en tabellen. Ontdek best practices, optimalisatie en webtoegankelijkheid. Begin je webontwikkelingsreis met HTML.

Verken de werking van het web. Leer hoe gegevens over netwerken reizen, ontdek de rol van protocollen en ontrafel de mysteries van IP-adressen en domeinnamen. Krijg een hoogwaardig begrip van hoe webbrowsers en servers communiceren om webinhoud te leveren.

Ontdek de kracht van tags om inhoud te structureren, van koppen en alinea's tot lijsten en tabellen. Leer hoe je de elementen kunt verbeteren met attributen.

De kern van de HTML-documentstructuur. Leer de componenten van een HTML-document, inclusief de doctype-verklaring, head en body. Begrijp het doel van elk element en hoe ze bijdragen aan de algehele structuur van een webpagina.

Maak een webpagina aantrekkelijker met behulp van media zoals afbeeldingen, audio en video. Werk met gestructureerde tabelgegevens in de vorm van tabellen.

Ontdek de veelzijdigheid van HTML-formulieren. Leer intuïtieve en gebruiksvriendelijke formulieren ontwerpen door gebruik te maken van belangrijke concepten en technieken. Ontdek hoe formulieren gebruikersinteractie en gegevensverzending op websites mogelijk maken.

Uitdaging: Ontwerp een Functionele HTML-tabel

Doel

Opdracht