Tabellen(les 4)
Tabellen worden vaak gebruikt om de lay-out er wat mooier uit te laten zien en het zo aangenamer te maken voor de gebruiker. Er zijn zelfs websites die alleen maar uit tabellen bestaan, het enige nadeel ervan is dat het erg veel tijd in gaat zitten om een hele website te maken met tabellen, ook word het vaak gebruikt om meerdere voorbeelden toe te lichten of een statistieken tabelletje te maken. Iedereen gebruikt het bijna wel ergens voor. Ik zal hier onder een vrij simpele uitleg geven voor iedere webmaster over tabellen zodat je in ieder geval weet hoe het werkt, en het op bepaalde fronten nog kan toepassen.
Een tabel maak je gewoon in de body net als al het andere wat zichtbaar moet zijn in een website. Je begint een tabel met de label <tabel> en sluit die uiteindelijk dus ook weer met </tabel> Dan ga je voor elke kolom beginnen met <tr> dan ga je voor elke cel in de breedte beginnen met <td> hier zet je dan achter wat in de cel moet komen te staan, dan word het gesloten met </td> zo kan je er een aantal cellen maken in een kolom , daarna kan je weer op de zelfde manier een nieuwe kolom beginnen en uiteindelijk dus een hele tabel maken met gegevens of iets heel anders. Als je dat dan dus allemaal hebt gedaan sluit je het af met </table> In de table, waar je een tabel mee begint, kan je aangeven hoe dik je de randen wilt hebben door het volgende in de html pagina te zetten <table border=2> Dit kan je zelf helemaal aan je eigen ideeën aanpassen. Dan kan je daarin ook nog zetten hoe groot de cellen moeten zijn, als je dat niet doet dan word het automatisch aangepast aan het gene wat in de cellen staat. Je kan ook in de <table zetten hoeveel kolommen er in moeten komen, cols=3 bijvoorbeeld.
Hieronder staat een voorbeeld van een pagina met een tabel erin.
<HTML>
<HEAD>
<TITLE>EEN PAGINA</TITLE>
</HEAD>
<BODY>
<TABLE
BORDER=4>
<CAPTION>Dit is een tabel.</CAPTION>
<TR>
<TD>cel 1</TD><TD>cel 2</TD><TD>cel 3</TD>
</TR>
<TR>
<TD>cel 4</TD><TD>cel 5</TD><TD>cel 6</TD>
</TR>
<TR>
<TD>cel 7</TD><TD>cel 8</TD><TD>cel 9</TD>
</TR>
</TABLE>
</BODY>
</HTML>
Dit zou er dan als volgt uitzien :
| cel 1 | cel 2 | cel 3 |
| cel 4 | cel 5 | cel 6 |
| cel 7 | cel 8 | cel 9 |