Taulukot

Taulukko on tapa esittää sarakemuotoista dataa sivustolla. Taulukko koostuu rivistä ja sarakkeista. Lisäksi taulukolla voi olla otsikkosoluja sekä taulukon rivejä ja sarakkeita voi tarvittaessa yhdistellä.

Taulukoita voi suunnitella Tables-välilehdeltä löytyvien työkalujen avulla:

Vasemmanpuoleisin on taulukkovelho (Table Wizard), joka lisää koodiin niin monta riviä ja saraketta kuin tässä määrittelee:

Jos laittoi kolme riviä ja kaksi saraketta, sai aikaiseksi seuravaanlaisen koodin:

Taulukko toimii siis näin:

• taulukko alkaa ja päättyy <table>-tagilla
• <tr> määrittää rivin (table row)
• <td> on taas taulukon solu. Sinne kirjoitetaan taulukkodata (table data)

Huomaa, että taulukkoon ei tulostu reunuksia, jollei sitä erikseen mainitse. Tämän voi toteuttaa seuraavasti:

Tämä tuottaa yhden pisteen levyisen reunaviivan taulukkoon.

Kannattaa kuitenkin jo tässä kohdin huomata se, että taulukoiden reunusten ja reunuksen välien määrittelyt attribuuttien arvoilla ovat pikku hiljaa poistumassa. Fiksumpaa onkin käyttää tyylejä. Niistä omassa dokumentissaan.

Taulukon otsikkotiedot

Taulukkoon voi myös luoda otsikon. Otsikkotagi on <th> (Table Header). Tällä tavoin voi toteuttaa taulukkoon otsikon, jonka leveys on kaksi solua:

Kyseisessä attribuutti colspan="2" tarkoittaa, että käytetään tilaa kahden sarakkeen verran. Sama attribuutti toimii myös <th>-tagilla. Rivien yhdistämistä varten on olemassa rowspan-optio.