Even een uitleg van de tags die wij gaan gebruiken:

<table> is de begin tag waarmee je een tabel altijd begint.
</table> is de eindtag waarmee je de tabel dus eindigt.
<tr> staat voor een horizontale table row.
</tr> is de tag om aan te geven dat de table row eindigt.
<td> staat voor een blok/cell in een table row.
</td> is de tag waarmee je de cell/blok (table data) eindigt.
Hieronder staat een voorbeeld; van links naar rechts is een table row en 1 zo’n blokje daarvan is een table cell.

Laten we proberen om je eerste tabel te maken. Een tabel van 300px breed, 1 rij, 3 cells en een border van 1px.

1. Begin je tabel met:

<table width=”300″ border=”1″>
2. Voeg daar een rij aan toe:

<tr>
3. Verdeel die rij in drie cellen door drie maal onderstaande code te gebruiken. Iedere <td></td> staat dus voor een cel.

<td></td>
4. Nu moet je de rij die jij gemaakt hebt in stap 2 sluiten met een eindtag.

</tr>
5. Wanneer je dat gedaan hebt ben je klaar met de inhoud van jouw tabel dus kan je de gehele tabel sluiten met weer een eindtag.

</table>
6. Nu gaan we wat tekst in de cellen plaatsen. Plaats in cel 1 een 1, cel 2 een 2 enzovoort door het getal tussen de <td></td> te plaatsen. Zoals onderstaande:

<td>1</td>
7. Als je alles goed gedaan hebt moet het er uitzien als de tabel hieronder:

8. En dan is dit je code:

<table width=”300″ border=”1″><tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr></table>