Tabellen als layout-gereedschap
Omdat het gebruik van een tabel als layout-methode tamelijk anders is dan het gebruik als `kolommetjes-met-cijfertjes', volgen hier een paar korte tips over deze techniek.Als je nog niet precies weet hoe tabellen precies werken, lees dan eerst de tabellen-pagina. Daarin wordt uitgelegd wat de verschillende tags betekenen.
In deze set pagina's zie je dat de linkerkantlijn gebruikt wordt voor knoppen, en de rest van de informatie wordt in het rechtergedeelte neergezet. Dit is mogelijk door gebruik te maken van een enorme tabel, zo groot als dit hele document.
Om dat duidelijk te laten zien heb ik even <table border> gebruikt. Je ziet nu dus hoe de cellen er uit zien.
Deze pagina begint, na het <body> tag, met
<table border width=600>
<tr>
<td width=180 align=left valign=bottom>
<a href="index.html"><img height=40 width=150
src="terug.jpg" border=0></a>
</td>
<td width=420>
Dan vervolgt de rest van de pagina, gewoon met <h1>-tags en noem maar op. Dit komt dus allemaal in de tweede kolom van de tabel te staan.
Om de breedte van de linkerkantcel precies 180 pixels te laten zijn, moet je de breedte van de rechtercel ook in pixels opgeven. Dus de hele tabel krijgt een vaste breedte; in dit geval 600 pixels. Veel breder kan je hem niet maken; ook al past dat op je 19" werkstation-scherm, arme PC-gebruikers met VGA kaart moeten ook je hele pagina kunnen zien.
Uiteindelijk is het slot van de pagina, na alle tekst:
</td></tr></table>
</body>
</html>
