Return: Informatiekunde


Tables: simpele uitleg

Vul elke website met een "table" zodat het mogelijk wordt te bepalen waar je tekst komt en waar je plaatjes. Met "tables" heb je een onmisbaar instrument in handen voor de lay-out van je site (= de vormgeving dus).

Start direct onder <BODY> en geef daar het begin aan van "table" met de volgende zin

<TABLE WIDTH="100%">

Je mag ook alleen <TABLE> gebruiken, maar als je 100% opgeeft, dan wordt het hele scherm gebruikt en dat is meestal de bedoeling.

Hierna geef je aan hoeveel horizontale records je wilt hebben. Voorbeeld: kies je voor twee dan wordt je website verdeeld in twee stukken: een boven en een onder.

De HTML-code voor record is <TR> voor het begin. Zet voor het eind </TR>

Onder de eerst zin met <TABLE> komt dan dus het volgende te staan:

<TR>
.............
</TR>
<TR>
.............
</TR>

Waar de puntjes staan komt de "inhoud" van de "table" en dat is meestal de volledige website (alles dus).

Vlak boven de zin </BODY> moet je nu het eind aangeven van je "table". Dat doe je met de zin
</TABLE>

Nu komt het laatste stuk en dat gaat over de cellen. Stel je wilt het bovenste stuk verdelen in drie stukken, zoals ook op de "huiswerk-pagina" is gedaan. Dan moet je driemaal de HTML-code <TD> gebruiken. Deze code is voor de cellen. En ook hier moet je aan het eind het tegenovergestelde gebruiken en dat is </TD>

De codes voor de cellen zet je neer op de plaats van de puntjes (......) Dus ze komen tussen een <TR> en een </TR>

Een voorbeeld:
<TR>
<TD> de eerste cel en die komt links </TD>
<TD> de tweede cel en die komt in het midden </TD>
<TD> de derde cel en die komt rechts </TD>
</TR>

Kijk voor meer informatie naar de vervolgsite , naar de site met de "Lege Table" op de "huiswerksite" en kopieer die gewoon elke keer opnieuw.