Skip to content
ICT Fusion Knowledgebase

✍️ Opdracht: Documenteer je profielpagina in GitLab met Markdown

Je hebt net je eigen profielpagina gemaakt in HTML en CSS. In deze opdracht ga je kort documenteren wat je geleerd hebt, zodat anderen jouw werk en keuzes kunnen begrijpen. Dit doe je in Markdown, de tekstnotatie die GitLab (en veel andere tools) gebruikt voor documentatie.

🔧 Wat je moet doen

  1. Maak in je GitLab-repository een bestand aan met de naam:
documentatie.md

Let op

Hoofdletters belangrijk!

GitLab herkent dit bestand direct als projectdocumentatie.

  1. Schrijf in dit bestand een hele korte uitleg over je profielpagina. Je tekst moet minimaal deze onderdelen bevatten:

  2. Een kop met de titel van je document.

  3. Een korte beschrijving van je profielpagina (waar gaat hij over?).
  4. Een tabel waarin je laat zien welke HTML-tags je gebruikt hebt en waar je ze voor gebruikt.
  5. Een afbeelding (screenshot van je profielpagina). Zet de screenshot in dezelfde repository en verwijs ernaar in Markdown.
  6. Een link naar een interessante bron die jou geholpen heeft (bijv. een tutorial of documentatiepagina).
  7. Een code block waarin je een HTML- of CSS-regel laat zien.

📄 Voorbeeldstructuur

# Mijn profielpagina

In deze opdracht heb ik een persoonlijke profielpagina gemaakt met HTML en CSS.  
Hieronder leg ik uit wat ik heb gedaan en geleerd.

## Gebruikte HTML-tags

| Tag       | Gebruik                        |
|-----------|--------------------------------|
| `<h1>`    | Voor de hoofdtitel van mijn pagina |
| `<img>`   | Om mijn profielfoto toe te voegen |
| `<a>`     | Voor een link naar mijn LinkedIn-profiel |

## Screenshot
![Screenshot van mijn profielpagina](screenshot.png)

## Handige link
[W3Schools HTML Tutorial](https://www.w3schools.com/html/)

## Code block

Zoek uit hoe je een code-block maakt en gebruik deze om een HTML- of CSS-regel te laten zien. (zie knowledgebase)

⚡ Extra uitdagingen voor snelle studenten

  • Voeg een genummerde lijst toe met je 3 belangrijkste leerpunten.
  • Gebruik een inline codeblok om een HTML- of CSS-regel te laten zien.
  • Maak een linktabel met meerdere bronnen die je gebruikt hebt.
  • Experimenteer met cursief en vetgedrukte tekst om belangrijke dingen te benadrukken.
  • Voeg een extra afbeelding toe (bijvoorbeeld vóór/na screenshots als je verbeteringen hebt gedaan).