Tema: OBIECTE ALE UNUI DOCUMENT

HTML: TABELE

Definiţie:
Un tabel reprezintă o grilă dreptunghiulară cu un
anumit număr de linii şi coloane.

Elementele unui tabel sunt:

□ titlu(pentru specificarea numelui tabelului);
□ rânduri și coloane;
□ cap de tabel(table header) – descriere
conținut;
□ celule de date, care formează rândurile și
coloanele tabelului.
1
Într-un document HTML, inserarea unui tabel
se realizează prin utilizarea etichetelor:
<TABLE> …</TABLE>
<CAPTION>…..</CAPTION> - defineşte titlul tabelului

<TR>…..</TR> - defineşte o linie a tabelului

<TH>….</TH> - defineşte o celulă-antet

<TD>….</TD> - defineşte o celulă de date obișnuită

2
 Exemplu nr.1
tabel cu 3 linii și 3 celule(fără chenar)

3
 Exemplu nr.2 : tabel cu atribute
(chenar, culoare fond, dimensiuni)

4
Atributele etichetei <TH>, <TD> :
•<TH>
• BGCOLOR=culoare - specifică culoarea celulei
•NOWRAP – interzice întreruperea liniei de text din celulă (coloana care
conține celula poate deveni oricât de mare)
•<TD>
• ALIGN= left/right/center -specifică modul de aliniere a datei
• VALIGN= top/middle/bottom -specifică modul de aliniere a datei pe
vericală
•<TH>
• WIDTH=valoare - specifică lăţimea celulei(în pixeli sau %)
• HEIGHT=valoare - specifică înălţimea celulei (în pixeli sau %)

•<TD>
• COLSPAN=valoare –unifică celule pe mai multe coloane
• ROWSPAN=valoare – unifică celule pe mai multe rânduri

5
 Exemplu nr. 3
tabel cu celule de titlu și atribute

6
Exemplu nr. 4 : tabel cu unificarea unor
celule pe coloane (atributul COLLSPAN)

7
Exemplu nr. 5 : tabel cu unificarea unor
celule pe rânduri (atributul
ROWSPAN)

8
Atributele etichetei <CAPTION>:
ALIGN= left/right/top/bottom - specifică modul de aliniere a
titlului tabelului
Exemplu nr. 6 to
m
bot
N=
L IG
A

11
 Resurse
utile
• Manualul școlar - http://ctice.md/public/download.php?id=39

• HTML Tutorial- https://www.w3schools.com/html/

• Tutorial în română- https://web.ceiti.md/lesson.php?id=1

• Curs de autoinstruire - http://invatahtmlake.3x.ro/tabele.html

12