De tabel hieronder is diegene die we gemaakt hebben in mijn “een basic tabel maken” tutorial.

1. Code voor bovenstaande tabel is:

<table width=”300″ border=”1″ >
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
</table>
2. Hier heb je dus een tabel van 300px breed en laten we zeggen dat je die wilt veranderen naar een tabel die zo groot is als dat hij kan zijn. Dus we gaan de 300px veranderen naar 100%. Je tabel ziet er dan als volgt uit: (je ziet dat hij zo breed is als dat mijn contentvlak toe laat.

De code hiervoor staat hieronder:

<table width=”100%“ border=”1″ >
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
</table>
3. Wil je de cellen ook van grootte veranderen? Dat kan ook! We gaan cell 1 een breedte geven van 50px. Voeg width=”50″ toe aan de eerste <td>. Als je dit goed gedaan hebt ziet je tabel er als volgt uit:

Je code ziet er zo uit:

<table width=”300″ border=”1″ >
<tr>
<td width=”50″>1</td>
<td>2</td>
<td>3</td>
</tr>
</table>
4. We kunnen ook de hoogte van de tabel veranderen. Voeg height=”100″ toe aan je openings tabel tag, deze dus <table> Heb je dit goed gedaan dan ziet je tabel er als volgt uit:

En zo ziet je code er uit:

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