HTML Tabellen
Home

HTML Tabellen

HTML Tabellen
HTML Tabellen

HTML Tabellen

Een tabel is een middel waarmee van gegevens in rijen en kolommen worden geordend. Het gebruik van tabellen is alomtegenwoordig in communicatie, onderzoek en data-analyse. Tabellen worden o.a. gebruikt in de gedrukte media, handgeschreven notities, computer software. Voorbeelden van tabellen zijn financiële verslagen, uitzendschema’s en sportuitslagen, prijslijsten.

Doelstelling

  1. Na deze les ben je in staat om gegevens in tabelvorm, namelijk rijen en kolommen, in HTML voor te stellen.
  2. Ken je de semantiek van alle HTML tabelementen en kan je die gebruiken om een tabel te creëren conform de regels die user agents hanteren. User agents begrijpen dan beter wat je bedoelt, waardoor (visueel) gehandicapten je webpagina's kunnen bezoeken. Ook wordt je website toegankelijk voor mensen met een tekstbrowser, zoals Lynx.

Leerpad

  1. Wat is een tabel?
  2. HTML structuur van een tabel
  3. De basisstructuur van een tabel
  4. Tabelkoppen
  5. Tabel titel en bijschrift
  6. Semantische tabellen
  7. Toegankelijkheid met scope
  8. Cellen samenvoegen
  9. Het col element

Opdracht

  1. Schrijf HTML en CSS om het volgende resultaat zo nauwkeurig mogelijk te bereiken. Gebruik zo veel mogelijk technieken die we tot nu toe gezien hebben.

    Opdracht Tabel

  2. Let op:
    1. ronde randen kolomkoppen;
    2. alternatieve kleur, eerste kolom;
    3. alternatieve kleur kolomkoppen;
    4. alternatieve kleur rijen;
    5. gecentreerde tekst of links uitgelijnd;
  3. deadline: Een week na de les
  4. Download de opdracht van Cloud9 en stuur het zipbestand op.

JI
2018-06-02 12:25:49