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 de HTML voor de volgende tabel. Nu hou je je alleen bezig met de structuur, de opmaak bekijken we in CSS Tabellen.

    Opdracht Tabel

  2. deadline: Een week na de les
  3. Download de opdracht van Cloud9 en stuur het zipbestand op.

JI
2018-06-02 12:46:08