Met tabellen kan je je site vorm geven. Heel veel site's gebruiken dit dan ook,
omdat het vrij makkelijk werkt en er zeer professioneel uit ziet.
Tabellen staan altijd tussen de body tags en beginnen altijd met <table> en wordt beeindigd met </table>. In de tabel tag kan je instellen of je een “border” (lijst) erom heen wilt hebben.
Dat doe je zo: <table border="x"> . De x staat voor een getal dat kan varieren van 0 (geen border) tot 5 (hele dikke border).
In een tabel kan je ook de achtergrondkleur zetten en de kleur van de border. Dat doe je met deze codes:
voor de borderkleur: <table bordercolor="black">
voor de achtergrondkleur: <table bgcolor="black">
Opmerking: Inplaats van bgcolor kun je ook background zetten als je een plaatje als achtergond van je tabel wil hebben, beide gebruiken kan ook als het plaatje nog niet geladen is dan krijg je eerst de kleur.
Je kan door verschil tussen bordercolor en bgcolor een mooi contrast maken.
Je kan de breedte van een tabel aanpassen door <table width="x">. Hierbij kan x als pixels zetten óf in procenten. Dat laatste is heel makkelijk zodat je ook voor lagere resoluties dezelfde breedte hebt.
voor de hoogte: <table height="x">. Ook hierbij kan je met procenten of pixels werken.
Met cellpadding kan je ruimte tussen de inhoud van een cell en de celwand houden in pixels:
| <table cellpadding=2></table> |
Met cellspacing kun je de ruimte tussen cellen instellen in pixels:
| <table cellspacing=2></table> |
Je hebt nu een tabel maar in een tabel staan altijd rijen(rows) en cellen(cols). Om een nieuwe rij te beginnen gebruik je <tr> en om hem te eindigen </tr>. Nu moeten de cellen er nog in de cellen komen tussen rijen te staan, een
cel begin je met <td> en eindig je met </td>.
<table cellspacing=2 cellspacing=0>
<tr>
<td>Dit is de inhoud van je td</td>
</tr>
</table> |
Je kan ook weer de breedte en lengte veranderen dit doe je door: <td width=”x” height=”x”> en ook hier kan je weer met procenten of pixels werken. Ook kan je de uitlijning instellen.
verticaal instellen: <td valign="top/middle/bottom">
horizontaal instellen: <td align="left/center/right">
Je kunt ook kolommen maken door de td tags onder elkaar te zetten. Dit doe je heel gemakkelijk:
<table bgcolor="white" border="1" bordercolor="black" width="400" height="300" cellpadding="2" cellspacing="0">
<tr>
<td width="20%" bgcolor="blue" valign="top" align="center">Design-web</td>
<td width="80%" bgcolor="red" valign="top" align="right">forum | lessen | scripts | toplist</td>
</tr>
</table> |
Als u iets niet snapt kunt u altijd even naar het forum gaan.
|
Login
Actieve topics