CSS tabellen opdracht
Opdracht Laboles 5 Tabellen
Wat hieraan voorafgaat
Opdracht
- Maak een submap met de naam labo5.
- Maak de voorbeeldoefening tabellen-met-css.html en css/spreadsheet.css.
- Maak de prijzentabel oefening
- De HTML plaats je in een bestand met de naam prijzentabel.html.
- De CSS plaats je in een bestand met de naam prijzentabel.css in de submap met de naam css.
- Schrijf HTML en CSS om het volgende resultaat zo nauwkeurig mogelijk te bereiken. Gebruik zoveel mogelijk technieken die we tot nu toe gezien hebben.
- Let op:
- ronde randen kolomkoppen;
- alternatieve kleur voor rij-koppen;
- alternatieve kleur voor kolomkoppen;
- lettertype rij-koppen en gegevenscellen is groter dan lettertype kolomkoppen;
- zoek een lettertype dat gelijkt op het hier gebruikte lettertype;
- alternatieve kleur rijen (bijna wit voor oneven rijen, lichtgrijs voor even rijen);
- gecentreerde tekst voor kolomkoppen, alle andere links uitgelijnd;
- eerste kolomkop is leeg;
- let op de witruimte in de cellen (padding of margin?)
- gebruik van html symbolen
- Maak de opdracht in Visual Studio Code op je lokale computer.
- Maak een zipbestand van de map labo5 en stuur ze door via de link op Moodle.
Wat hieraan voorafgaat
2020-10-18 11:13:36