T A B E L E Î N H T M L

I. Definiţie
Tabelele permit organizarea paginii web în celule prin rânduri şi coloane.
II. Componente Rânduri – linii orizontale de celule
a. Din punct de vedere structural Coloane – linii verticale de celule
b. Din punct de vedere al conţinutului câmpuri – capul de tabel (header)
c. Grafic : articole – elementele tabelului

coloana

Nr.crt Nume Prenume câmpuri

rând 1. Ionescu Radu
2. Popescu Ana articole
III. Tag-uri(etichete )
a. <table>…</table> = indică prezenţa unui tabel;
b. <TR> … </TR> = indică prezenţa unui rând; (tr= table rows)
c. <TH> … </TH> = indică prezenţa unui câmp; (th= table header)
d. <TD> … </TD> = indică prezenţa unui articol; (td= table data)
IV. Implementare tabel prin html
<!_ Codul sursa pentru fisierul “tabele”_ _> Obs. Tag-urile pot fi “încărcate” cu multiple proprietăţi:
1. Culoare pe rand – <tr bgcolor=”accua” >
2. Culoare pe celula- <td bgcolor=”red”>
3. Culoare bordura tabel - <table bordercolor=”green” >
4. Grosime bordura - <table border= 4>; bordura e de 4
pixeli

V. Aplicaţii
Scrieţi sursa, prin Notepad, pentru tabelul prezentat. Bordura va fi de 3 pixeli. Adăugaţi 3 rânduri, completate astfel:
a. Rândul 3 conţine 3 liste ordonate prin 1,2,3,;a, b, c; I, II, III etc. listele afişează 5 elemente;
b. Rândul 4 conţine câte un link în fiecare celulă(google, bacalaureat.ro, competente digitale .ro)
c. Rândul 5 conţine 3 liste neordonate, prin circle, square, disc; listele afişează 5 elemente;
NR.CRT NUME PRENUME
1. ionescu Radu
2. popescu Ana – fundal celula blue
1. font a. editare I. tabel
2. paragraf b. copiere II. rand
3. link c. mutare III. coloana
4. liste d. lipire IV. camp
5. tabele e. stergere V. articol
http://www.google.com http://www.competente http://www.bacalaureat.ro
digitale

o font  editare  tabel

o paragraf  copiere  rand
o link  mutare  coloana
o liste  lipire  camp
o tabele  stergere  articol