Definirea celulelor unui tabel (elementele TH si TD)
Celule unui tabel pot contine doua tipuri de informatie: informatie antet (header, cap de tabel) si date. Aceasta distinctie permite browserelor sa prezinte diferit cele doua feluri de celule, chiar si în absenta style-sheet-urilor. De exemplu browserele vizuale pot prezenta headerele cu un font bold, iar cele care sinteti 838d32i zeaza vocea cu o inflexiune speciala a vocii.
Informatia de tip header se descrie cu elementul TH. Exista doua tipuri de astfel de informatie: cea descrisa cu TH si valoarea atributului ABBR. Un browser trebuie sa prezinte sau una sau alte dintre cele doua tipuri, ABBR fiind preferata atunci cînd nu exista suficient spatiu pentru a prezenta în întregime informatia din TH.
Datele propriu-zise ale tabelului se insereaza în celule descrise cu elementul TD.
Celulele unui tabel pot fi goale (fara nici un continut). În acest caz pot apare probleme la afisarea marginilor celulei respective (unele browsere nu deseneaza marginile celulelor goale, acestea trebuind sa contina un element invizibil, de exemplu un blanc, pentru ca marginea rîndului sa nu fie întrerupta).
De exemplu, urmatorul tabel contine (descrie) 2 rînduri cu cîte 4 coloane (celule) pe fiecare rînd, fiecare coloana avînd un header (cap de coloana) care o descrie:
<TABLE summary=" Tabel care indica nr. de cesti de cafea baute la o reuniune,
felul cafelei (norma/decofeinizata) si daca este cu/fara
zahar. ">
<CAPTION>Cups of coffee consumed by each</CAPTION>
<TR>
<TH>Name</TH>
<TH>Cups</TH>
<TH>Type of Coffee</TH>
<TH>Sugar?</TH>
<TR>
<TD>T. Sexton</TD>
<TD>10</TD>
<TD>Espresso</TD>
<TD>No</TD>
<TR>
<TD>J. Dinnen</TD>
<TD>5</TD>
<TD>Decaf</TD>
<TD>Yes</TD>
</TABLE>
Acest tabel poate arata astfel:
Name Cups Type of Coffee Sugar?
T. Sexton 10 Espresso No
J. Dinnen 5 Decaf Yes
Sintaxa:
<TH>...</TH>
Atribute posibile:
COLSPAN=Number (coloane suprapuse/depasite de celula)
HEADERS=IDREFS (lista celulelor header pentru celula curenta)
ABBR=Text (abrevierea celulei header)
SCOPE=[ row | col | rowgroup | colgroup ] (celulele acoperite de celula header)
AXIS=CDATA (categoria celulei header)
ALIGN=[ top | bottom | left | right ] (alinierea orizontala a celulelor din grup)
VALIGN=[ top | middle | bottom | baseline ] (alinierea verticala a celulelor din grup)
CHAR=Character (caracterul dupa care se face alinierea)
CHAROFF=Length (offsetul caracterului dupa care se face alinierea)
BGCOLOR=Color (culoarea de background a rîndului)
WIDTH=Pixels (latimea celulei)
HEIGHT=Pixels (înaltimea celulei)
NOWRAP (suprima continuarea continutului pe un alt rînd/word wrap)
atribute comune
Contine:
elemente inline, elemente tip bloc
Continut în:
TR
Descriere:
Elementul TH defineste o celula de tip header (antet, cap de tabel). Daca o celula este si antet si data trebuie folosit TD.
Atributele ROWSPAN si COLSPAN specifica numarul de rînduri si respectiv numarul de coloane care sînt depasite de celula (sînt suprapuse de celula, peste care se intinde celula). Valoarea implicita este 1. Valoarea speciala 0 indica suprapunerea tuturor rîndurilor sau coloanelor pîna la sfîrsitul tabelului, dar este ignorata de majoritatea browserelor.
Atributul HEADERS specifica celulele header ce se aplica lui TH. valoarea este o lista a valorilor atributului ID a acelor celule. Se foloseste de browserele nevizuale. Atributul SCOPE specifica celulele pentru care elementul descris cu TH ofera informatii de header (antet).
Atributul ABBR da o versiune abreviata a continutului celulei, utilizata în cazul în care nu exista suficient spatiu pentru a vizualiza continutul celulei.
Atributul AXIS ofera o metoda de a clasifica celulele. Valoarea acestui atribut este o lista de nume de categorii.
Atributele ALIGN, VALIGN, CHAR, CHAROFF, BGCOLOR au aceeasi semnificatie ca la TR, iar WIDTH, HEIGHT, NOWRAP si BGCOLOR sînt depasite în favoarea style-sheet-urilor.
Sintaxa:
<TD>...</TD>
Atribute posibile:
COLSPAN=Number (coloane suprapuse/depasite de celula)
HEADERS=IDREFS (lista celulelor header pentru celula curenta)
ABBR=Text (abrevierea celulei header)
SCOPE=[ row | col | rowgroup | colgroup ] (celulele acoperite de celula header)
AXIS=CDATA (categoria celulei header)
ALIGN=[ top | bottom | left | right ] (alinierea orizontala a celulelor din grup)
VALIGN=[ top | middle | bottom | baseline ] (alinierea verticala a celulelor din grup)
CHAR=Character (caracterul dupa care se face alinierea)
CHAROFF=Length (offsetul caracterului dupa care se face alinierea)
BGCOLOR=Color (culoarea de background a rîndului)
WIDTH=Pixels (latimea celulei)
HEIGHT=Pixels (înaltimea celulei)
NOWRAP (suprima continuarea continutului pe un alt rînd/word wrap)
atribute comune
Contine:
elemente inline, elemente tip bloc
Continut în:
TR
Descriere:
Elementul TD defineste o celula de date. Elementele TD sînt continute în TR, care poate sa contina si elemente TH. Daca o celula este si antet si data trebuie folosit TD.
Semnificatia atributele este aceeasi cu cea de la TH.
|
