Opdracht 6: Kleurentabel
CSS HTML

Dit is de eerste losse opdracht. Als het goed is heb je aan het einde van deze opdracht concreet een webpagina met resultaat opgeleverd. Er wordt veel inhoud herhaald uit de eerdere opdrachten.

Deel 1: Opdracht opzetten

  1. Maak een nieuwe map kleurentabel, vul deze map met 2 bestanden: index.html & style.css.
  2. Stel GIT in zoals je hebt geleerd bij opdracht 4. Stappen 5 en 6 kun je overslaan. Voer ook al je eerste commit uit.
  3. Vul index.html met een leeg HTML document zoals je hebt geleerd in opdracht 3. Vergeet niet de style.css te linken.
  4. Verander de inhoud van het <title> element naar Opdracht 5 – Kleurentabel.

Deel 1 klaar? Vraag aan je ICT-begeleider of hij je werk wil reviewen.

Deel 2: Tabel toevoegen

  1. Maak een tabel met vier rijen en vier kolommen.
  2. Vul de cellen van de tabel met de onderstaande teksten:

rood, groen, blauw, rood

groen, blauw, rood, groen

blauw, rood, groen, blauw

rood, groen, blauw, rood

Deel 2 klaar? Vraag aan je ICT-begeleider of hij je werk wil reviewen.

Deel 3: Tabel in CSS grid

  1. Maak de tabel hierboven na in <div> elementen met behulp van CSS grid.

Tip: Voor uitgebreide uitleg over CSS grid zie https://css-tricks.com/snippets/css/complete-guide-grid/

Deel 3 klaar? Vraag aan je ICT-begeleider of hij je werk wil reviewen. Je kunt ondertussen verder gaan met de volgende opdracht. Ook kun je op mijnvoortgang.script.nl zelf invullen hoe ver je nu bent met je persoonlijke voortgang.