Táblázatok

Ha az adatainkat (szövegek, képek) oszlopokba vagy más egyéb speciális alakzatba szeretnénk rendezni, akkor erre az ideális — sőt, sokszor az egyetlen — megoldás a táblázat.

A cellahatárok rácsvonalainak megjelenítését a BORDER attribútum szabályozza:

<TABLE BORDER>
<TR>
  <TD>egy</TD>
  <TD>kettő</TD>
  <TD>három</TD>
</TR>
<TR>
  <TD>one</TD>
  <TD>two</TD>
  <TD>three</TD>
</TR>
</TABLE>

egy kettő három

one two three

<TABLE>
<TR>
  <TD>egy</TD>
  <TD>kettő</TD>
  <TD>három</TD>
</TR>
<TR>
  <TD>one</TD>
  <TD>two</TD>
  <TD>three</TD>
</TR>
</TABLE>

egy kettő három

one two three

A táblázat alapeleme a <TABLE>…</TABLE> kódpár, mely közrefogja az egész táblázat kódját. Ezek közé helyezzük a <TR>…</TR> (Table Row) kódpárt, melyek a táblázat sorait határozzák meg. Egy-egy soron belül az egyes cellák tartalmát a <TD>…</TD> (Table Data) kódpárok közé írjuk.

Az elhagyható táblázat kódpárok között található a <CAPTION>…</CAPTION> kódpár, amely a bennefoglalt szöveget a táblázat címeként a táblázat alá vagy fölé helyezi el, és a <TH>…</TH> (Table Header) kódpár, mely a táblázat oszlopainak megjelölésére használható.

Utólag vezették be a <TBODY>…</TBODY> (táblázattörzs), <THEAD>…</THEAD> (táblázatfej), <TFOOT>…</TFOOT> (táblázatláb) tagokat, melyek lehetővé teszik, hogy logikai részekre osszuk a táblázatunkat, valamint a <COLGROUP>…</COLGROUP> (oszlopcsoport) és a <COL>…</COL> (oszlop) kódpárokat, melyekkel bonyolultabb táblázatok készíthetők.

A táblázatok egyik lényeges tulajdonsága, hogy egy táblázatot be lehet ágyazni egy másik táblázatba — pontosabban egy másik táblázat egy cellájába, például:

<TABLE BORDER>
<TR>
  <TD>egy</TD>
  <TD>
   <TABLE BORDER>
    <TR>
     <TD>kettő-1</TD>
    </TR>
    <TR>
     <TD>kettő-2</TD>
    </TR>
   </TABLE>
  </TD>
</TR>
</TABLE>

egy

kettő-1

kettő-2

<TABLE>
<TR>
  <TD>egy</TD>
  <TD>
   <TABLE>
    <TR>
     <TD>kettő-1</TD>
    </TR>
    <TR>
     <TD>kettő-2</TD>
    </TR>
   </TABLE>
  </TD>
</TR>
</TABLE>

egy

kettő-1

kettő-2

Ezzel hasonló elrendezést el lehet érni a <TD> kód ROWSPAN és COLSPAN attribútumaival, bár nem minden esetben ez az utóbbi a jobb megoldás.

A következő alfejezetek bemutatják a táblázatok összetevőinek attribútumait.