Andmete vormindamine tabelis.
Ülesanne 1. Avame kaustast dokumendi ja salvestame see uue nimega.
Igat üksikut lahtri tabeli sees võib vaadelda kui vormindamiseks sõltumatut ala. Kõik reeglid, mida kasutame teksti vormindamiseks on rakendatavad ka tekstile lahtri sees. Lahtri sees on lubatud kasutada praktiliselt kõiki HTML keele teeke, mida on lubatud kasutada teekide <BODY> ja </BODY> vahel, sealhulgas ka teeke, mis juhivad teksti paigutust dokumendis: <P>, <BR>, <HR>; pealkirjade teeke: <H1> kuni <H6>; sümbolite vormindamise teeke: <B>, <I>, <STRONG>, <BIG>, <EM>, <FONT SIZE>, <FONT COLOR>; graafiliste kujutiste sisestamise teeke <IMG>; hüpertekstiviidete teeke <A> jne. seejuures tuleb silmas pidada järgmist: selleks, et vormindamise ala piirdub konkreetse lahtriga sõltumata sellest kas on olemas või puudub vastava vormindamise teegi sulgev teek.
Ülesanne 2. Lisage dokumendile pealkiri ja lihtne tabel.
Andmete vormindamiseks lahtrite sees on järgmised parameetrid:
Parameetrid ALIGN, VALIGN, WIDTH ja HEIGHT.
Lahtrite sisu joondamiseks on parameetrid: ALIGN ja VALIGN. Võib kasutada teekides <TR>, <TD> ja <TH>.
Horisontaalse joondamise parameeter ALIGN võib omada väärtusi: left, right ja center (vaikimisi on määratud väärtus left teegile <TD> ja väärtus center teegile <TH>).
Vertikaalse joondamise parameeter VALIGN võib omada väärtusi: top (ülemise äärejoone järgi), bottom (alumise äärejoone järgi), middle (keskele), baseline (baasjoone järgi). Vaikimisi on parameetri VALIGN väärtuseks: middle. Joondamine baasjoone järgi kindlustab ühe rea teksti joondamise kõikides lahtrites ühtse baasjoone järgi.
Parameetrite sisestamine teeki <TR> määratleb kogu antud rea lahtrite joondamise parameetrid, kusjuures igas lahtris eraldi võivad olla määratud joondamiseks omad parameetrid, mis muudavad rea teegis <TR> määratud üldiseid parameetreid.
Ülesanne 3. Joondage ridu ja lahtreid.
Parameetrid COLSPAN ja ROWSPAN.
Keerulistele tabelitele on omane, et mõned lahtrid on suuremad kui teised, jääb mulje, et nad on saadud justkui väiksemate lahtrite liitmise teel. Antud võimaluse realiseerib parameetrite COLSPAN (COLumn SPANning) ja ROWSPAN (ROW SPANning) kaudu teekides <TD> ja <TH>. Kirjapilt on järgmine: COLSPAN=num, kus num on arvuline väärtus, mis määrab mitme veeru peale tuleb veergu laiendada horisontaalsuunas. Parameetri ROWSPAN kasutamine on analoogiline, kui siin näidatakse ridade arv, mille hõivab antud lahter vertikaalsuunas. Vaikimisi on nende parameetrite väärtuseks 1. On lubatud ühe lahtri jaoks määratleda ka mõlemad parameetrid.
Ülesanne 4. Liidame lahtrid.
Märkus: lahtrite liitmise parameetrite tähelepanuta kasutamine või tuua endaga kaasa lahtrite vastastikuse ülekatte (üks lahter on justkui teise peal) ja konfliktid, mille puhul on tulemus ettemääramatu. Liidetud pesade iseloomulik kasutamisala on harilikult mitmele veerule (reale) ühise pealkirja andmine.
Parameeter BGCOLOR.
Parameeter BGCOLOR võimaldab määrata kogu tabeli, üksikute ridade või lahtrite tausta värvi. Võib kasutada teekides: <TABLE>, <TR>, <TD> ja <TH>. Kirjapilt on BGCOLOR=väärtus, kus väärtus on kas RGB formaadis #RRGGBB või sisestatakse väärtusena värvi korrektne inglisekeelne nimetus.
Ülesanne 5. Värvime tabeli read.
Tabel tabelis.
Üksikud tabeli lahtri teegid võivad endas sisaldada praktiliselt kõiki HTML keele teeke ja andmeid, mis on lubatud teekide <BODY> ja </BODY> vahel. Sealhulgas võib tabeli lahtris asuda tervikuna ka teine tabel. Selliseid tabeleid nimetatakse teise, kolmanda jne taseme tabeliteks (analoogiliselt mitmetasemeliste loenditega). Nende kirjutamise reeglid on samad, mis ka harilike tabelite puhulgi ja ei vaja seega eraldi kirjeldust. Märgin vaid, et mitte kõik lehitsejad ei toeta keerulisi mitmetasemelisi tabeleid ja seepärast on nende kasutamisel vaja teatud mõõdutunnet.
Ülesanne 6. Sisestame tabeli teise rea esimesse lahtrisse teise taseme tabeli.
Teise, kolmanda, neljanda jne tabeli kasutamine teenib vaid ühte ülesannet - andmete paigutamine HTML leheküljel. Näiteks kui oleks vaja paigutada kolm eraldi tabelit samale lehele kõrvuti, siis saaks seda teha vaid nii, et luuakse üks üherealine ja kolme veeruga tabel (nähtamatu võrgustikuga BORDER=0), mille igasse veergu saab asetada teise taseme tabeli.
Tabelite ehitamise eripära.
Tühjade lahtrite kuvamine tabelites.
Üheks tabelite kuvamise eripäraks paljudel lehitsejatel on tühjade lahtrite kuvamine. On olemas erinevus tühjadel lahtritel, kus pole mingeid andmeid ja lahtritel kus on mittekuvatav informatsioon, näiteks teegid. Kui lahtris on mingi informatsioon (ka mittekuvatav), siis kuvatakse see lahter täpselt samuti nagu lahtrid, milledes on kuvatav informatsioon. Kui aga lahtri teekide ja vahel ei olegi midagi, siis kuvavad erinevad lehitsejad seda lahtrit erinevalt: Netscape ei kuva tühja lahtrit üldse ja kuvab seal kus peaks asuma tühi lahter lehekülje tausta, tühjade lahtrite ümber ei kuvata ka raami; Internet Explorer kuvab tühja lahtri nii, et kuvab ainult lahtri tausta jättes samuti kuvamata lahtri raami.
Ülesanne 7. "Loome" tühjad lahtrid.
Tabeli raami värvi määramine.
Tabeli raami värvi määramiseks saab kasutada parameetrit BORDERCOLOR, mille väärtuseks on kas RGB formaadis #RRGGBB või sisestatakse väärtusena värvi korrektne inglisekeelne nimetus. Seda parameetrit võib kasutada teekides: <TABLE>, <TR>, <TD> ja <TH>.
Ülesanne 8. Värvime tabeli raami.
Taustamustri kasutamine tabelis.
Parameeter BACKGROUND määrab tabelile taustamustri samuti nagu ka kogu HTML dokumendile. See parameeter võib olla teekides: <TABLE>, <TD> ja <TH>.
Ülesanne 9. Kasutame taustamustrit tabelis.
Alternatiivsed andmete esitamisviisid.
Tugi tabelite sisestamiseks sai laialdaselt interneti lehitsejate omaduseks nii, et praktiliselt ei olegi põhjusi millepärast tuleks hoiduda nende kasutamisest. Sellegipoolest vaatleme võimalikke alternatiivseid andmete esitusviiside variante, mida võib kasutada tabelite asemel või nendele lisaks.
Mõned moodused mis ei kasuta tabeli mõistet: