d) Tabele
Instructiunile de mai jos sunt folosite aproape in orice site deoarece cu ajutorul lor:
- putem crea tabele propriu – zise (cum este cel de mai jos);
- putem controla mult mai bine aranjarea in pagina a elementelor (folosind tabele fara chenar, eventual introducem tabele in interiorul altui tabel).
Liniile de tabel sunt orizontale; coloanele sunt cele verticale; intersectia unei linii cu o coloana defineste o celula.
- putem crea tabele propriu – zise (cum este cel de mai jos);
- putem controla mult mai bine aranjarea in pagina a elementelor (folosind tabele fara chenar, eventual introducem tabele in interiorul altui tabel).
Liniile de tabel sunt orizontale; coloanele sunt cele verticale; intersectia unei linii cu o coloana defineste o celula.
| Instructiune | Atribute | Descriere |
| < tableatribute > < / table> | - | inceput de tabel HTML |
| border = | chenarul tabelului (in pixeli sau %) | |
| bgcolor = | culoarea fondului pentru tabel (valoare RGB sau nume culoare) | |
| background = ”url “ | imaginea de fond pentru tabel; probleme: fond inchis-text deschis sau fond inadecvat(ca marime sau model) | |
| cellpadding = | spatiu intre continutul celulelor tabelului si continutul lor (in pixeli) | |
| cellspacing = | spatiu intre celulele tabelului (in pixeli) | |
| width = | latimea tabelului (in pixeli sau % din spatiul disponibil) | |
| bordercolor = | culoarea chenarului (nume culoare sau valoare RGB) | |
| bordercolorlight = | culoarea mai deschisa a chenarului (stanga + sus) (nume culoare sau valoare RGB) | |
| bordercolordark = | culoarea mai inchisa a chenarului (dreapta + jos) (nume culoare sau valoare RGB) | |
| align = | aliniaza tabelul in dreapta (right) sau stanga (left) paginii; textul din jurul tabelului curge pe partea opusa | |
| hspace = | spatiu pe orizontala in jurul tabelului (in pixeli) | |
| vspace = | spatiu pe verticala in jurul tabelului (in pixeli) | |
| cols = | numarul de coloane ale unui tabel | |
| frame = | ajustarea cadrelor in tabel – doar in IE | |
| rules = | ajustarea riglelor in tabel – doar in IE | |
| < tr atribute> < / tr > | - | linie de tabel |
| bgcolor = | culoarea fondului pentru intreaga linie (valoare RGB sau nume culoare) | |
| align = | alinierea continutului celulelor (left, center, right); implicit left | |
| height = | inaltimea liniei (in pixeli); in unele browsere nu functioneaza, dar puteti folosi height in TD | |
| < td atribute> < / td > | - | celula de tabel |
| height = | inaltimea celulei; daca pe aceeasi linie (TR) dati din greseala 2 valori diferite pentru height in TD, va lua maximul pentru toate celulele liniei | |
| width = | latimea celulei | |
| bgcolor = | culoarea fondului pentru intreaga celula (valoare RGB sau nume culoare) | |
| background = ”url “ | imaginea de fond pentru celula | |
| align = | alinierea continutului celulei pe orizontala (left, center, right); implicit left | |
| valign = | alinierea continutului celulei pe verticala: top (sus), middle (mijloc), bottom (jos); implicit middle | |
| align = baseline | aliniaza celulele cu linia de baza a textului adiacent | |
| align = caracter | aliniaza coloana fata de un anumit caracter (implicit caracterul ” . “) | |
| align = justify | aliniaza marginile din stg. si dr. ale textului | |
| colspan = | numarul de coloane pe care se intinde celula | |
| rowspan = | numarul de linii pe care se intinde celula | |
| nowrap | nu permite despartirea textului pe linii in celula | |
| < th > < / th > | - | poate fi folosit : - in loc de TD, dar continutul va fi centrat si ingrosat (bold); - impreuna cu TD pe aceeasi linie (TR) |
| < captionatribute > < / caption > | - | text explicativ asociat tabelului |
| align = | alinierea textului (top = implicit, bottom, left, right) | |
| < colgroup > < / colgroup> | - | impreuna cu marcajul < col > defineste un set de definitii de coloane |
| bgcolor = | culoarea de fond | |
| < colatribute > | - | fara atribute: aceeasi latime pentru toate coloanele |
| width = | latimea coloanei, in pixeli, % sau ” * “ | |
| align = | alinierea textului pentru intreaga coloana (se pare ca nu functioneaza in Netscape 4.51) | |
| char = | alinierea textului fata de un anumit caracter | |
| bgcolor = | culoarea de fond | |
| < thead > < / thead > | - | defineste titlul tabelului |
| bgcolor = | culoarea de fond | |
| < tbody > < / tbody > | - | corpul tabelului |
| bgcolor = | culoarea de fond | |
| < tfoot > < / tfoot > | - | pentru liniile de sfarsit ale tabelului; COLGROUP, THEAD, TBODY, TFOOT nu sunt neaparat necesare intr-un tabel, dar uneori demarcarea facuta de ele este folosita de alte marcaje, de ex. <TABLE RULES = GROUPS> |
| bgcolor = | culoarea de fond |
