Met tabellen kun je makkelijk een goede layout van je pagina verzorgen. Je kunt de <table> tags uitbreiden, zoals hieronder wordt voorgedaan.

Je kunt de tabel als geheel, of een rij (<tr>) of kolom (<td>) eigenschappen geven, bijvoorbeeld een afmeting:

<table width="250">...</table> of <table width="50%">...</table>

Wil je een bepaald lettertype gebruiken in je tabel, gebruik dan de style-tag. Voor type Tahoma en grootte 2 (=10pt) ziet dat er zo uit:

<table style="font-family=tahoma; font-size=10pt">...</table>

Ook kun je de uitlijning bepalen. Met "align" geven we de horizontale uitlijning weer en met "valign" de verticale:

<tr align="left">...</tr> of <tr valign="top">...</tr>

Je kunt de cel van een tabel ook een kleurtje meegeven. Gebruik daarvoor deze tag:

<td bgcolor="#FF0000">...</td>

Evenzo kun je door de <img> tag te gebruiken een afbeelding als achtergrond gebruiken.

Soms wil je twee cellen of drie rijen samenvoegen:

<td colspan="2">...</td> of <tr rowspan="3">...</tr>

De tabeltag:

<table border="1" width="60%" style="font-family=tahoma; font-size=12pt">
<tr align="center">
<td width=30%>AAA</td>
<td width=70% bgcolor="#0000FF">BBB</td>
</tr>
<tr align="center">
<td>CCC</td>
<td>DDD</td>
</tr>
<tr align="center">
<td colspan="2" bgcolor="#FF0000">EEE</td>
</tr>
</table>

heeft de volgende tabel als resultaat:

| terug |