|
|
Taulukot Kirjan sivut 81 - 86 |
|
|
Taulukoilla jaat kätevästi asiat eri palstoihin. Netscape:ssa
on oma tag palstoitusta varten, mutta
jos haluat että muutkin näkevät luomuksesi sellaisina kun
olet ne tehnyt, niin käytä taulukoita. Tämä tarkoittaa sitä,
että taulukoita monesti käytetään sivujen ulkoasun hallintaan. Taulukkoa
toki voidaan käyttää myös sen alkuperäiseen käyttökohteeseen eli
taulukkomuodossa esitettäviin listoihin, rekistereihin tai vastaaviin.
Taulukko luodaan TABLE-elementillä. <TABLE>.........</TABLE>
<CAPTION ALIGN=TOP>.....</CAPTION> Taulukon otsikko. TOP:n sijaan voit käyttää myös BOTTOM:ia, jolloin otsikko tulee taulukon alapuolelle. Caption tulee taulukossa <TABLE>-aloituksen jälkeen. <TR> Aloittaa taulukon rivin. TR ei tarvitse
lopetuselementtiä, mutta sen voi laittaa rivin lopuksi.
Kun alat tekemään taulukkoa, niin tee aina yksi rivi kerralla ja sitten seuraava rivi jne.
Perustaulukko:
Solujen koon muutos. Voit tehdä osasta soluista joko useamman
sarakkeen levyisen tai rivin korkuisen. COLSPAN-attribuutilla
levennät solua useamman sarakkeen levyiseksi. Kun luot taulukon, jossa on
COLSPAN- ja ns. normaaleja soluja, laske ensi tarvittavien sarakkeiden määrä.
Sitten laske solujen määrä yhdellä rivillä: Malli:
ROWSPAN-atrribuutilla saat nostettua tietyn solun korkeutta. Ensimmäiselle riville kirjoitat halutun rivikorkeuden määrän ja jatkat rivin muiden solujen tekemistä normaalisti. Seuraavilla riveillä, niin kauan kun ROWSPAN on voimassa, jää riveiltä ensimmäinen solu pois. <TABLE BORDER=1> <TR><TH ROWSPAN=3>korkea otsikko</TH><TD>asia</TD><TD>asia</TD> <TR><TD>asia</TD><TD>asia</TD> <TR><TD>asia</TD><TD>asia</TD> </TABLE>
<TABLE CELLSPACING=10> Määrittelee solujen välin pikseleinä. <TABLE CELLPADDING=10> Määrittelee soluissa olevan sisällön etäisyyden solun reunoista. <TR>, <TH>, <TD> elementteihin voidaan lisätä ALIGN=LEFT, RIGHT tai CENTER, jolloin saadaan solujen sisällön tasaustapaa määriteltyä. <TR>, <TH>, <TD> elementteihin voidaan lisätä myös VALIGN=TOP, MIDDLE, BOTTOM tai BASELINE, jolloin saadaan solujen sisällön tasaustapaa pystysuunnassa määriteltyä. Kuten kuvia voidaan myös koko taulukkoa tasata vasempaan, keskelle tai oikealle. <TABLE ALIGN=LEFT> Tasaa taulukon vasempaan reunaan ja teksti kiertää taulukon. <TABLE ALIGN=RIGHT> Tasaa taulukon oikeaan reunaan ja teksti kiertää taulukon <CENTER> <TABLE> ....... ....... ....... </TABLE> </CENTER> Keskittää koko taulukon keskelle sivua. Voit Netscapelle määritellä, kuinka paljon tyhjää tilaa jaa taulukon ylä-, ala-, vasemmalle ja oikealle puolelle. <TABLE VSPACE=5 HSPACE=5> jättää taulukon reunoille 5 pikseliä tyhjää tilaa. Solun väri <TH BGCOLOR=”#FF0000”> tai <TD BGCOLOR="#FF0000">
|
||||||||||||||||||||||||||||||||||||||||||