Deze week leer je hoe je een tabel maakt met behulp van HTML code.
Deze week heeft 3 opdrachten.
Deze week heeft 3 opdrachten.
Een tabel bestaat uit kolommen, rijen en cellen. Vaak staan boven in de tabel de kopjes van de kolommen. Voor het maken van een tabel worden diverse tags gebruikt:
- <table> Deze tag wordt gebruikt voor het definiëren van een tabel.
- <th> Met de tag <th> worden de kopjes van de kolommen aangeven. De afkorting staat voor table heading.
- <tr> Met de tag <tr> worden tabellen onderverdeeld in rijen. De afkorting staat voor table row.
- <td> Met de tag <td> worden rijen onderverdeeld in cellen. De afkorting staat voor table data
Juist bij het maken van een tabel is een duidelijke structuur (nesting) erg belangrijk.
Hieronder staat de link naar w3 schools met een uitleg over het maken van tabellen.
Hieronder staat de link naar w3 schools met een uitleg over het maken van tabellen.
Opdracht 1
- Maak nog 2 pagina's aan in je eigen mapje met html pagina's, zodat je totaal 4 pagina's hebt.
Je gaat zo dadelijk deze 4 pagina's aan elkaar linken middels een tabel met daarin de titels en de links naar de pagina's. - Plaats op iedere pagina een tabel van 2 rijen en 4 kolommen.
- Plaats op de bovenste rij bij iedere kolom de titel van de pagina.
- Zorg dat deze titeltekst gelinkt is naar de juiste pagina.
- Beschrijf op de onderste rij bij iedere kolom kort waar deze pagina over gaat.
Opdracht 2
Opdracht 3
- Verwerk je opgedane kennis over tabellen in je Weebly portfolio.
- Zorg ervoor dat je daarin ook screenshots plaatst van je code en het resultaat.