Proiect realizat de Ciobotaru Maria și Such Laura

Adriana
 I.Crearea unui tabel

 II.Proprietățile tabelelor

 III.Formatarea celulelor
◦ III.1.Spațiere

 IV.Tabele asimetrice
 Tabelele sunt foarte importante pentru realizarea
unei pagini web. Cu ajutorul lor, putem controla
mult mai bine poziţionarea elementelelor în cadrul
acestora.
 Pentru a crea un tabel, trebuie sa folosim tag-
urile <TABLE> şi </TABLE>.
 Specificarea unei linii se realizează cu ajutorul
elementului <TR>, între eticheta de început <TR>
și cea de sfârșit </TR> fiind descrise celulele de pe
linia reaspectivă.
 Exemplu:
 <table border="1">
<tr>
<td>mere</td>
<td>1,5 RON</td>
</tr>
<tr>
<td>banane</td>
<td>5 RON</td>
</tr>
</table>
 Atributele etichetei table sunt:

◦ BORDER = bordura (0 = lipsă bordura) (pixeli)

◦ WIDTH = lațimea tabelului (pixeli)
◦ HEIGHT = înălțimea tabelului (pixeli)
◦ BGCOLOR= culoarea de fundal
◦ BACKGROUND= imaginea de fundal
◦ CELLSPACING = distanța dintre celule
◦ CELLPADDING = distanța dintre marginea celulei și
conținut
◦ SUMMARY = text
◦ COLS= numărul de coloane
◦ ALIGN= LEFT| CENTER| RIGHT
 Specificarea celulelor care constituie o linie se
realizeazază prin intermediul elementelor:
◦ TH (Table Header) - celule ce constitue antetul tabelului
◦ TD (Table Data) - celule ce conțin informațiile din tabele

 Elementele TH și TD admit următoarele atribute:

◦ ROWAPAN = număr de linii acoperite (implicit-1, toate-0)
◦ COLSPAN= număr de coloane acoperite (implicit-1, toate-0)
◦ WIDTH= lățimea celulii (pixeli)
◦ HEIGHT= lățimea celulei (pixeli)
 Exemplu: <table border="1">
<tr> <th width="120">Titlul 1</th> <th
width="120">Titlul 2</th> </tr> <tr> <td>1</td>
<td>2</td> </tr> <tr> <td>3</td> <td>4</td> </tr>
</table>
 Cu ajutorul atributelor CELLPADDING și
CELLSPACING vom defini distanța dintre celule.

 CELLSPACING stabilește marimea marginii, iar

CELLPADDING stabilește distanța dintre margine și
conșinut.
 Pentru a forma tabele asimetrice vom folosi
ROWSPAN pentru a traversa mai multe linii și
COLSPAN pentru a traversa mai multe coloane.

 De asemenea, dacă vrem ca prima linie să servească

de titluri pentru toate coloanele vom folosi tag-ul
<TH>.
 https://tutorialehtml.com/ro/tabele-html/
 http://www.drogoreanu.ro/tutorials/cap5.ph
p
 http://www.competentedigitale.ro/html/tabe
le.html
 https://profs.info.uaic.ro/~val/tabele.html