🕸️
HTMLCSS-0
  • welkom
  • Les 1: De basis
    • filmpje: wat is HTML?
    • je eerste site
    • body
    • titel
    • filmpje: de basistags
    • beetje meer body
    • kopjes
    • alinea's
    • Opdracht 1
  • Les 2: Body, Plaatje, Link
    • filmpje: plaatjes en links
    • belangrijke tekst
    • plaatje
    • link
    • Opdracht 2
  • Les 3: Lijsten
    • filmpje: opsommingen en lijsten
    • lijst/opsomming
    • Opdracht 4
  • Les 4: Tabellen
    • filmpje: tabellen
    • tabel
    • tabel met lijntjes
    • Opdracht 5
  • Les 5: CSS & kleur
    • filmpje: css en kleuren
    • style
    • apart css bestand
    • Opdracht 5
  • Les 6: iframe
    • filmpje: iframes om andere pagina's in te voegen
    • YouTube of maps toevoegen
    • Opdracht 6
  • Eindopdracht html-0
Powered by GitBook
On this page

Was this helpful?

  1. Les 4: Tabellen

tabel

Je kunt ook tabellen maken met HTML. Zoals je weet bestaat een tabel uit rijen en kolommen. Een tabel maak je met de <table>-tag. Voor elke rij die je in de tabel wil, zet je een <tr>-tag tussen de <table>-tag. En per kolom zet je een <td>-tag in de . Vergeet de <tr> en <td>-tags niet af te sluiten.

<h1>Topscorers Nederlands elftal</h1>
<table>
   <tr>
     <td>Naam</td>
     <td>Aantal doelpunten</td>    
   </tr>
</table>

We gaan de tabel uitbreiden met nog een rij. Denk erom dat de nieuwe rij ook weer twee kolommen moet hebben.

<table>
  <tr>
    <td>Naam</td>
    <td>Aantal doelpunten</td>    
  </tr>
  <tr>
    <td>Van Persie</td>
    <td>96</td>    
  </tr>
</table>

Cool hé? Je mag natuurlijk meer rijen en kolommen maken, maar er is één belangrijke voorwaarde: Het aantal kolommen per rij moet voor iedere rij gelijk zijn!

<tr> is een rij en kent vaak meerdere <td>'s (cellen)

Het aantal <td>'s in een <tr> geeft het aantal kolommen weer

Previousfilmpje: tabellenNexttabel met lijntjes

Last updated 1 year ago

Was this helpful?