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.
|
