Opdracht

Werk weer verder met je Replit project van het vorige deel.

Stap 1

Maak weer een nieuw kopje (<h1>) aan onderaan je pagina met "Top 3 ...". (Je mag zelf kiezen: sporters, acteurs, bands/muzikanten, etc)

Stap 2

Maak nu een tabel met 4 rijen en 2 kolommen. De bovenste rij bevat kopteksten (<th>). Vul de tabel met informatie. Zorg dat de tabel een rand heeft:

Stap 3

Pas de tabel nu zo aan, dat je kan klikken op elk van de namen Als je er op klikt, dan kom je op een relevante webpagina uit (bv het bijpassende wikipedia artikel):

Stap 4

Maak nu een derde kolom per rij. In deze derde kolom zet je steeds een kleine foto. Zorg dat de foto's niet te groot zijn, zodat ze in te tabel passen (zoek kleine foto's, of verklein ze in een takenprogramma zoals paint.net)​​

Je zou ook het formaat van een grote foto kunnen verkleinen in html (is niet ideaal, want bezoekers van je site moeten dan eerste de grote foto downloaden (kost data en tijd) die daarna verkleind wordt weergegeven., maar het kan wel. Daarvoor stel je of de breedte of de hoogte van een <img>-tag in. Dat ziet er dan bijvoorbeeld zo uit:

<img width="200px" height="200px" src="images/jouwplaatje.jpg" alt="plaatje">

Je tabel ziet er dan bijvoorbeeld zo uit: