Etusivu>Työhuone>Tietokoneen abc>Internet >Kotisivun teko

Taulukot

Taulukoiden avulla voidaan asetella sivuelementtejä, tekstiä ja kuvia, tarkemmin sivuille. Lisäksi taulukoilla voidaan palstoittaa tekstiä sekä värittää soluja eri värein (kuten tälläkin sivulla).

Taulukot voivat näyttää eri selaimissa erilaisilta, joten olisi hyvä tarkistaa sivun ulkoasu ainakin kahdella suosituimmalla selaimella.

Taulukossa on perustagina <TABLE></TABLE>. Taulukossa tulisi olla ainakin yksi solu <TD></TD> Rivinvaihto tehdään <TR></TR> tageilla.

Kotisivujen tekoa aloittavan voi olla aluksi vaikea hahmottaa taulukoiden tekoa pelkkänä HTML -koodina, mutta avuksi kannattaa ottaa jokin www-editori, jolla monimutkaisenkin taulukon saa melko nopeasti aikaiseksi.

Alkuun

 

Taulukko ja sen tarkentimet

Taulukoita tehtäessä kannattaa olla huolellinen juuri tagien vastinparien suhteen. Jos taulukko ei toimi niin kuin pitäisi saattaa jokin vastintagi puuttua.

<TABLE>
<TR>
<TD> Tässä on ensimmäinen solu
</TD>
</TR>
<TR>
<TD>Tässä on toinen solu
</TD>
</TR>
</TABLE>

<TABLE> -koodissa voidaan käyttää tarkentimia:
ALIGN = tasaa taulukon näytön vasempaan tai oikeaan laitaan tai keskelle
WIDTH=n tai WIDTH=n% = määrittelee taulukon leveyden joko pikseleinä tai näytön leveyden mukaan
BORDER=n = tekee taulukolle reunat, joiden leveyttä voidaan säädellä pikseleinä. Mikäli reunoja ei haluta näkyviksi laitetaan arvoksi 0.
CELLSPACING=n = tekee solujen väliin tyhjää tilaa
CELLPADDING=n = tekee solun reunan ja sisältöelementtien väliin tilaa

Alkuun

 

Myös <TR> -koodilla on tarkentimia:
ALIGN = tasaa solujen sisällön joko LEFT, CENTER tai RIGHT
VALIGN = tasaa solujen sisällön pystysuunnassa, TOP, MIDDLE, BOTTOM

<TD> -koodin tarkentimet ovat:
NOWRAP = estää solun sisällön rivittymisen
ALIGN ja VALIGN
WIDTH=n = solun leveys pikseleinä
HEIGHT=n = solun korkeus pikseleinä

Taulukoihin voidaan sijoittaa myös kuvia.

>>Lomakkeet
Alkuun

Etusivu>Työhuone>Tietokoneen abc>Internet >Kotisivun teko