Sunteți pe pagina 1din 2

Tema 4: TABELE

Componentele unui tabel:


ROW rndul unui tabel
COLUMN coloana unui tabel
CELL celula
CAPTION text explicativ cu privire la coninutul tabelului care apare deasupra tabelului
HEADER primul rnd al tabelului sau antetul tabelului
BORDERS liniile de delimitare care nconjoar o celul a tabelului sau ntreg tabelul.

Tag-ul <table> </table>


- pentru a defini tabele n HTML. Poate conine unul sau mai multe din tag-urile urmtoare:

Tag-ul <tr> </tr> (table row) - pentru a insera o linie ntr-un tabel.

Tag-ul <th> </th> (table header) - pentru a defini o celula de tip titlu.

Tag-ul <td> </td> (table data) - se utilizeaz pentru a defini o celula standard.
ATRIBUTELE TAG-ULUI <table>
Atributul

Valoarea

Descrierea

align

Left, center, right

Specific alinierea tabelului pe pagin/ecran

bgcolor

rgb(x,x,x)
#xxxxxx colorname

Specific culoarea de fundal a tabelului

<table
bgcolor="#C0C0C0"
align="center"
border="2"
cellpadding="10"
cellspacing="4">

border

1 ""

Specific dac celulele tabelului au sau nu bordura (chenar)

Definirea rndurilor

cellpadding

pixels

Specific distana de la coninutul celulei i marginea tabelului

unui tabel
Atributul
cellspacing
align
rules
bgcolor

Valoare
Descriere
pixelsleft, center, justify, char Specific distana dintre celule Aliniaz coninutul din liniile tabelului
Right,
None, groups, rows, cols,
Specific care parte a bordurii
(interioar) celulei este
rgb(x,x,x),
#xxxxxx, denumireCuloare
all
vizibil. Nu este suportat de IE Specific culoarea fonului ntr-o linie de tabel

sortable
valign
summary
nowrap

sortable
Top,
middle, bottom, baseline
text
nowrap

width

Pixels, %

Specific faptul dac tabelul ar trebui


s fiepesortabil
Aliniaz
vertical coninutul unei linii de tabel
Specific informaii generale despre coninutul tabelului
Specific faptul c textul, dac este lung, sa nu fie
Specific limea tabelului
trecut din rnd nou. Este de tip logic.

<tr bgcolor="#22cc77" align="center" valign="middle">

ATRIBUTELE TAG-ULUI <TD > sau <TH>


Atributul

Valoarea

Descrierea

align
bgcolor

Left, right, center, justify, char


rgb(x,x,x), #xxxxxx, colorname

Aliniaz coninutul celulelor tabelului


Specific culoarea de fond a celulei

colspan

number

Specific numrul coloanelor care vor fi agregate ntr-o celul

headers

header_id

height
nowrap

Pixels, %
nowrap

rowspan
scope

number
Col, colgroup, row, rowgroup

Specific una sau mai multe cellule de tip antet care ar putea fi pus n
coresponden celulei
Seteaz nalimea celulei
Specific faptul c textul, dac este lung, sa nu fie trecut din rnd nou. Este
de tip logic.
Specific numrul de linii care vor fi agregate
Definete o modalitate de a asocia celulelor-antet celule-standard

valign

Top, middle, bottom, baseline

Specific alinierea coninutului celulei pe vertical

width

Pixels, %

Specific limea celulei

<td colspan="2 align="right"><b><i>Varsta medie</i></b></td >

Unitati de masura
Unitatea

Descrierea

Procent

in

Inch (2.4 cm)

cm

Centimetru

mm

Millimetru

em

1em este egal cu mrimea fontului curent.


Dac la ecran este afiat text care are fontul de dimensiune 12pt, mrimea exprimat n em va fi 1em, iar dac
dimensiunea e 24pt, atunci 2em

pt

point (1 pt este egal cu 1/72 inch)

pc

pica (1 pc este egal cu 12pt)

px

pixels (un pixel reprezint un punct de pe ecranul calculatorului)