[IMAGE]

 Taulukot 2
Taulukoille on lisätty HTML 4.0-spesifikaatioon uusia keinoja sarakkeiden ja taulukon rakenteellisuuden käsittelyyn.

THEAD - taulukon otsikko.

TFOOT - taulukon alaotsikko. Vaikka alaotsikko tuleekin taulukon viimeisille riveille, sijoitetaan TFOOT - ennen TBODYA

TBODY - taulukon varsinainen sisältö, joita voi olla useampi. Etuna TBODY:n käytössä on se, että voit helposti määritellä eri "lohkoille" erilaisia määrityksiä fonteille ja muille ominaisuuksille TBODY-kohdassa. TBODY-elementtejä voi olla useampi samassa taulukossa.
Otsikko solu
Alaotsikko
Ensimmäinen ryhmä
Ensimmäisen ryhmän toinen rivi
Toinen ryhmä
Toisen ryhmän toinen rivi
Toisen ryhmän kolmas rivi
<TABLE>
<THEAD>
<TR><TD bgcolor="#FF0000"> Otsikko solu</TD>
</THEAD>
<TFOOT>
<TR><TD bgcolor="#FF0000">Alaotsikko</TD>
</TFOOT>
<TBODY bgcolor="#FFFF00">
<TR><TD> Ensimmäinen ryhmä</TD>
<TR><TD> Ensimmäisen ryhmän toinen rivi</TD>
</TBODY>
<TBODY>
<TR><TD> Toinen ryhmä</TD>
<TR><TD> Toisen ryhmän toinen rivi</TD>
<TR><TD> Toisen ryhmän kolmas rivi</TD>
</TBODY>
</TABLE>

Ja ei toimi Netscapen versiossa 4.7x
Sarakkeet ja sarakeryhmät

Aikaisemmin taulukoissa on voinut muotoilla tai tehdä määrityksiä riveille. COL ja COLGROUP-elementeillä voidaan määritellä sarakkeen tai sarakeryhmän ominaisuuksia.

COLGROUP - sarakeryhmä, jossa määrityksenä voidaan käyttää SPAN-attribuutia määrittelemään kuinka montaa saraketta määritys koskee.

Esimerkki: viiden sarakkeen leveyden määrittely. Eli taulukon viisi ensimmäistä saraketta saa leveydeksi 30 pikseliä. Ajattele, jos sarakkeita olisi 100.... ja joutuisit vanhan tavan mukaan määrittelemään jokaisen erikseen <TD WIDTH=30> jne...

<TABLE>
<COLGROUP SPAN=5 WIDTH=30>
</COLGROUP>
<THEAD>
jne...

COL-elementillä voidaan yksilöidä tiettyjä sarakkeita ja määritellä niille oma muotoilu. Myös COL-elementtiin voidaan liittää SPAN-attribuutti, jolla määritellään, kuinka moneen sarakkeeseen COLGROUP-määritys vaikuttaa.

<TABLE>
<COLGROUP WIDTH=30>
<COL SPAN=2>
<COL WIDTH=50>
<COL SPAN=2>
</COLGROUP>
<THEAD>
jne...

 

30 30 100 30 30
<TABLE BORDER=1>
<COLGROUP WIDTH=30>
<COL SPAN=2 bgcolor="red">
<COL width=100>
<COL SPAN=2>
</COLGROUP>
<TR>
<TD>30</TD>
<TD>30</TD>
<TD>100</TD>
<TD>30</TD>
<TD>30</TD>
</TABLE>

Ja ei toimi Netscapen versiossa 4.7x