Met de tabel basiscodes kun je een tabel maken. Maar al snel zul je erachter komen dat de tabel niet aan je wensen voldoet.

Tabelattributen : Border

Om veranderingen aan een tabel goed te kunnen waarnemen, is het handig om een rand ('border') te maken. Hiervoor moet je de begin-tag <table> veranderen in <table border="1"> Dit heeft als resultaat dat alle randen van de tabel zichtbaar worden.

Je kan de dikte van de rand laten toenemen door een groter getal in te vullen, maar de meeste mensen vinden deze rand te lelijk om echt te gebruiken

Tabelattributen : Width

Standaard wordt de gemaakte tabel links op de pagina neergezet, terwijl de ruimte aan de rechterkant onbenut blijft.

Dat wil je natuurlijk niet. Je ziet liever dat de tabel over de gehele breedte van het venster wordt getoond.

De breedte van een tabel instellen kun je doen door het attribuut width="x%"toe te voegen aan de begin-tag <table>. Voor de letter 'x' kun je een getal invullen tussen de 1 en 100, waarbij honderd (procent) staat voor de gehele breedte.

Tabelattributen : Cellspacing en Cellpadding

Behalve dat het mogelijk is de breedte van de tabel aan te passen, kan ook de ruimte tussen de cellen worden veranderd. Het attribuut hiervoor is cellspacing="x", waarvoor 'x' een waarde kan hebben die ligt tussen de 1 en 99.

Wil je dat de ruimte tussen de inhoud van een cel en de binnenkant van de celrand wordt vergroot, dan moet je het attribuut cellpadding="x" gebruiken, waarbij ook deze 'x' een waarde heeft die ligt tussen de 1 en 99. Een goed uitgangspunt voor beide x-en is een waarde van 10.

Tabelattributen : Caption

Als je een bijschrift wilt plaatsen bij de tabel, kun je gebruikmaken van de tags <caption> en </caption>, die je onder de begin-tag <table> kunt zetten. Tussen deze tags kun je de tekst van het bijschrift plaatsen.

Het enige attribuut van de <caption> tag is align Met dit attribuut kun je bepalen waar het bijschrift wordt geplaatst.

Dit attribuut kan de volgende waarden krijgen: top (bijschrift boven de tabel),bottom(bijschrift onder de tabel), left (bijschrift links van de tabel) en right (bijschrift rechts van de tabel).

Tabelattributen : Bgcolor en Background

Om de tabel nog wat te verfraaien, zijn de volgende attributen in de table-tag mogelijk: bgcolor en background. Hiermee kan je een kleur of een achtergrondafbeelding geven aan een rij of een cel.

Hieronder staat een voorbeeld van het gebruik van de verschillende tabelattributen:

Celattributen : align, valign, rowspan en colspan

Ook aan de HTML-tags voor een cel (<tr>,<td>en <th>) kunnen attributen worden toegekend.

Evenals bij de <table>-tag kan ook hier het attribuut align worden gebruikt. Met dit attribuut kun je de inhoud van een cel uitlijnen. In vergelijking met het bovenstaande rijtje vallen align="bottom" En align="top"af en komt hiervoor in de plaats align="center"

Dit attribuut zorgt ervoor dat de inhoud in de cel wordt gecentreerd. Om de tekst boven, in het midden of onder in de cel te plaatsen kun je respectievelijk de attributen valign="top", valign="middle"en valign="bottom"gebruiken ('valign' staat voor 'vertical align').

De laatste twee attributen die je bij het opmaken van cellen van pas kunnen komen zijn rowspan"x" en colspan="x" Met rowspan kun je opgeven over hoeveel rijen (verticaal) de cel wordt uitgesmeerd, terwijl met colspan kan worden aangegeven over hoeveel kolommen (horizontaal) dit gebeurt. In beide gevallen kun je het gewenste aantal cellen invullen op de plaats van de 'x'.

Een voorbeeld:

rowspan=3	tabelcel2	tabelcel5
	colspan=2
	tabelcel4	tabelcel7

De HTML-code van deze tabel ziet er zo uit:

<table border="1">
<tr>
<td rowspan="3">rowspan=3</td>
<td>tabelcel2</td>
<td>tabelcel5</td>
</tr>
<tr>
<td colspan="2">colspan=2</td>
</tr>
<tr>
<td>tabelcel4</td>
<td>tabelcel7</td>
</tr>
</table>

Het volgende deel van de cursus is Formulieren in HTML
Formulieren dienen om data te verzenden die ene gebruiker eerst zelf ingeeft.