Sunteți pe pagina 1din 1

HTML – tabele

Pentru a crea un tabel se utilizează etichetele <table> şi </table>. Tot ce va fi scris între aceste
etichete va forma un tabel. După <table> urmează eticheta <tr> (table row = rândul tabelului) şi realizează
introducerea unui rând în cadrul tabelului. Ce va fi scris între etichetele <tr> şi </tr> va forma un rând al
tabelului. Celulele se construiesc cu ajutorul etichetelor <td> şi </td>.
Tabelului i se poate ataşa un titlu cu ajutorul etichetei <caption> (table caption = titlu tabel).
Această etichetă trebuie plasată în interiorul etichetelor <table>...</table>, dar nu în interiorul etichetelor
<tr> sau <td>. Titlul se aliniază cu ajutorul atributului align al etichetei <caption> care poate lua una dintre
valorile: "bottom" (sub tabel), "top" (deasupra tabelului), "left" (la stânga tabelului), "right" (la dreapta
tabelului).

Celulele unui tabel pot conţine text, imagini, legături, formulare sau alte tabele.

Exemplu
<html> Tabelul va avea trei linii si
<head> două coloane.
<title>capul tabelului</title>
</head> Atributul border specifica
<body> grosimea liniei folosita pentru
<table border=”1” ><caption tabel.
align="bottom">Mediile elevilor Atributul caption specifica
<tr> titlul tabelului
<th>Nume, Prenume Prima linie va fi de fapt
<th>Media antetul (capul) tabelului
<tr> Specificam titlul fiecarei
<td>Ionescu Gigel coloane
<td>5.00 Inseram a doua linie
<tr> Inseram cele 2 valori de pe
<td>popescu Vasile linia 2
<td>7.00 Inseram a treia linie
Inseram cele 2 valori de pe
</table> linia 3
</body>
</html>

Exercitiu

Textul dintr-un tabel poate fi formatat cu eticheta <FONT>…</FONT>. Formataţi textul din tabel
astfel încât în prima coloană a tabelului textul să fie de culoare roşie şi îngroşat.
Puteţi adăuga o culoare de fundal tabelului folosind în eticheta <TABLE> atributul bgcolor. Înlocuiţi
codul <table border=”1”> cu codul <table border=”1” bgcolor=”lime”> şi vizualizaţi efectul în browser.
Puteţi stabili o culoare de fundal pentru fiecare linie sau fiecare celulă a tabelului folosind acelaşi
atribut bgcolor în etichetele <TR>, <TH>, <TD> . Formataţi tabelul astfel încât fiecare linie să aibă altă
culoare de fundal.
Textul din cadrul unui tabel poate fi aliniat la stânga, la dreapta sau centrat folosind atributul align.
Dacă dorim ca alinierea să aibă efect asupra tabelului va fi folosit în eticheta <TABLE>; dacă dorim să aibă
efect asupra unei linii va fi folosit în eticheta <TR>; dacă dorim să aibă efect asupra unei celule va fi folosit
în eticheta <TD>. Formataţi textul din a doua coloană astfel încât valorile să fie aliniate la dreapta.

S-ar putea să vă placă și