A <TD>...</TD> kódpár
A <TR>...</TR> kódpár egy cella tartalmát fogja közre. Egy cella bármilyen HTML-kódot tartalmazhat, amelyet a dokumentum törzsében általában fel lehet használni, tehát egy cella tartalmazhat például egy újabb táblázatot is.
A <TR>...</TR> kódpárhoz a következő attribútumok járulhatnak: ABBR, ALIGN, AXIS, BACKGROUND, BGCOLOR, COLSPAN, HEADERS, HEIGHT, NOWRAP, ROWSPAN, VALIGN és WIDTH. A HEIGHT, WIDTH és NOWRAP attribútumok alkalmazása e kódpár esetén nem ajánlott; css-sel ugyanez a hatás elérhető.
Cella tartalmának vízszintes igazítása: ALIGN
Az ALIGN=Left|Right|Center attribútummal a cella tartalmát vízszintesen lehet igazítani a cellán belül. Az alapértelmezett érték a Left, mely balra igazítja a cella tartalmát.
|
<TABLE BORDER HEIGHT=60% WIDTH=80%> <TR> <TD ALIGN=Left>egy</TD> <TD ALIGN=Center>kettő</TD> <TD ALIGN=Right>három</TD> </TR> </TABLE> |
|
Cella háttérképe: BACKGROUND
A BACKGROUND="[elérési_út/]képfájlnév" attribútum segítségével megadható, hogy a cellának legyen egy háttérképe. Ennek az az előnye, hogy egy ilyen cellában a képre rá lehet írni, ellentétben a cellába csak egyszerűen beillesztett képpel. Itt is, ha a cella nagyobb, mint a kép, akkor a kép ismétlődni fog, ha pedig a cella kisebb a képnél, akkor a képnek csak a bal felső része használódik fel a hátterezésnél. (Ez a szépséghiba elkerülhető, ha eléggé nagy méretű képet használunk háttérnek, vagy ha a képet használat előtt megmérjük, és ugyanakkora méretű cellába helyezzük.)
|
<TABLE BORDER HEIGHT=140> <TR> <TD BACKGROUND="felho.jpg">erre a képre rá lehet írni, mert ez a cella háttere</TD> <TD BGCOLOR=pink><IMG SRC="hold.jpg" ALIGN=Left>erre a képre nem lehet ráírni, mert nem háttér</TD> </TR> </TABLE> |
|
erre a képre nem lehet ráírni, mert nem háttérCella háttérszíne: BGCOLOR
A BGCOLOR=#RRGGBB attribútum beállítja a cella háttérszínét. Ha nem használjuk, akkor a cella háttere azonos lesz a mögötte levő háttér színével.
|
<TABLE BORDER HEIGHT=80% WIDTH=60%> <TR> <TD BGCOLOR=#FFFFAA>egy</TD> <TD BGCOLOR=white>kettő</TD> <TD>változatlan háttérszín</TD> <TD BGCOLOR=#AAFFFF>négy</TD> </TR> </TABLE> |
|
Egymás utáni cellák egyesítése: COLSPAN
A COLSPAN=n attribútum kulcsfontosságú szerepet tölt be: n darab egymás utáni cellát egyesít, és egy cellaként kezel.
|
<TABLE BORDER HEIGHT=90%> <TR> <TD COLSPAN=3>3 egyesült cella</TD> </TR> <TR> <TD>egy</TD> <TD>kettő</TD> <TD>három</TD> </TR> </TABLE> |
|
||||||
Most pedig tekintsük ugyanezt COLSPAN nélkül; elég rosszul néz ki:
|
<TABLE BORDER HEIGHT=90%> <TR> <TD>három nem egyesített cella</TD> </TR> <TR> <TD>egy</TD> <TD>kettő</TD> <TD>három</TD> </TR> </TABLE> |
|
Cella magassága: HEIGHT
A HEIGHT=n[%] attribútummal n pixel magasságúra állítjuk be a cella méretét. Ha az n-et %-kal használjuk, akkor a cella magassága n százaléka lesz a táblázat magasságának. Elégséges a legtöbb helyet igénylő cella magasságát beállítani, a többi cella is felveszi ezt a magasságot. Ha egy cella magasságát túl kicsire állítjuk, a benne levő tartalom, hogy elférjen, megnöveli a cella magasságát.
|
<TABLE BORDER> <TR> <TD HEIGHT=50>50 pixel magas</TD> <TD>ez is 50 lesz</TD> </TR> <TR> <TD>ez követi (30)</TD> <TD HEIGHT=30>30 pixel</TD> </TR> <TR> <TD HEIGHT=20>ez 20 lenne</TD> <TD>de itt túl sok a duma, és emiatt nagyobb lett, hogy elférjen a teljes tartalom</TD> </TR> </TABLE> |
|
Sortörés nélküli cellatartalom: NOWRAP
A NOWRAP attribútummal rendelkező cellában a böngésző megkísérli a tartalmat egy sorban írni ki. Használata nem ajánlott, mert elavult attribútum.
|
<TABLE BORDER%> <TR> <TD>ez a szöveg több sorba törik, mert nincs NOWRAP attribútuma</TD> <TD NOWRAP>ez a szöveg nem törik több sorba</TD> </TR> <TR> <TD>blabla</TD> <TD>használata nem ajánlott!</TD> </TR> </TABLE> |
|
Egymás alatti cellák egyesítése: ROWSPAN
A ROWSPAN=n a COLSPAN attribútum testvérpárja: n darab egymás alatti cellát egyesít, és egy cellaként kezel.
|
<TABLE BORDER> <TR> <TD>egy-1</TD> <TD ROWSPAN=2>2 egyesült cella</TD> <TD>egy-3</TD> </TR> <TR> <TD>kettő-1</TD> <TD>kettő-3</TD> </TR> </TABLE> |
|
Minden sor- vagy/és oszlopegyesítés létrehozásának az a lényege, hogy egy adott sorba (tehát <TR> és </TR> közé) csak azokat a cellákat írjuk, melyek az adott sorban kezdődnek:
|
<TABLE WIDTH=150 HEIGHT=150> <TR> <TD ROWSPAN=2 VALIGN=TOP BGCOLOR=#FFEEEE>11</TD> <TD COLSPAN=2 VALIGN=TOP BGCOLOR=#EEEEFF>13</TD> </TR> <TR> <TD VALIGN=TOP BGCOLOR=#EEFFEE>22</TD> <TD ROWSPAN=2 VALIGN=TOP BGCOLOR=#F7F7EE>23</TD> </TR> <TR> <TD COLSPAN=2 VALIGN=TOP BGCOLOR=#EEF7F7>31</TD> </TR> </TABLE> |
|
|||||||
Cella tartalmának függőleges igazítása: VALIGN
Az VALIGN=Top|Middle|Bottom attribútummal a cella tartalmát függőlegesen lehet igazítani a cellán belül. Az alapértelmezett érték a Middle, ez középmagasságra igazít.
|
<TABLE BORDER HEIGHT=90% WIDTH=75%> <TR> <TD VALIGN=Top>egy</TD> <TD VALIGN=Middle>kettő</TD> <TD VALIGN=Bottom>három</TD> </TR> </TABLE> |
|
Cella szélessége: WIDTH
A WIDTH=n[%] attribútummal n pixel szélességűre állítjuk be a cellát, vagy ha %-ot is használunk, akkor a cella szélessége n százaléka lesz a táblázat szélességének.
|
<TABLE BORDER> <TR> <TD HEIGHT=60>60 pixel</TD> <TD HEIGHT=30>30 pixel</TD> <TD HEIGHT=50%>90 pixel (60 + 30)</TD> </TR> </TABLE> |
|