Html 4


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.

Instructiune Atribute Descriere
< table atribute >
< / 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)
< caption atribute >
< / 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
< col atribute > 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

Lasă un răspuns

Completează mai jos detaliile despre tine sau dă clic pe un icon pentru autentificare:

Logo WordPress.com

Comentezi folosind contul tău WordPress.com. Dezautentificare / Schimbă )

Poză Twitter

Comentezi folosind contul tău Twitter. Dezautentificare / Schimbă )

Fotografie Facebook

Comentezi folosind contul tău Facebook. Dezautentificare / Schimbă )

Fotografie Google+

Comentezi folosind contul tău Google+. Dezautentificare / Schimbă )

Conectare la %s