Sunteți pe pagina 1din 24

01 02 03

FIECARE RÂND DE UN ANTET DE TABLE UN TABEL DE DATE /


TABEL ESTE DEFINIT CU SAU HEADER ESTE CELULĂ ESTE DEFINIT
ETICHETA <TR>. DEFINIT CU ETICHETA CU ETICHETA <TD>.
<TH>. ÎN MOD IMPLICIT,
ANTETELE / HEADERS
SUNT ÎNGROȘATE ȘI
CENTRATE.
01 02 03
DACĂ NU UN BORDER ESTE EXEMPLU:
SPECIFICAȚI UN SETAT FOLOSIND TABLE, TH, TD {
BORDER PENTRU PROPRIETATEA DE }
BORDER: 1PX SOLID BLACK;

TABEL, ACESTA VA CSS, BORDER


FI AFIȘAT FĂRĂ
MARGINI.
01 02
DACĂ DORIȚI CA BORDERS EXEMPLU:
SĂ SE PRĂBUȘEASCĂ ÎNTR- TABLE, TH, TD {
UN SINGUR CHENAR, BORDER: 1PX SOLID BLACK;
ADĂUGAȚI PROPRIETATEA BORDER-COLLAPSE: COLLAPSE;
}
CSS BORDER-COLLAPSE:
01 02
CELL PADDING SPECIFICĂ SPAȚIUL EXEMPLU:
DINTRE CONȚINUTUL CELULEI ȘI
MARGINILE ACESTEIA. TH, TD {
PADDING: 15PX;
Dacă nu specificați un padding, celulele }
tabelului vor fi afișate fără padding.
01 02 03
ÎN MOD IMPLICIT, PENTRU A ALINIA LA EXEMPLU:
TITLURILE TABELELOR STÂNGA TITLURILE
TH {
SUNT ÎNGROȘATE ȘI TABELULUI, UTILIZAȚI TEXT-ALIGN: LEFT;
CENTRATE. PROPRIETATEA DE }
ALINIERE A TEXTULUI
CSS:
01 02 03
BORDER SPACING PENTRU A SETA EXEMPLU:
SPECIFICĂ SPAȚIUL BORDER SPACING TABLE {
DINTRE CELULE. PENTRU UN TABEL, BORDER-SPACING: 5PX;
}
UTILIZAȚI
PROPRIETATEA CSS,
BORDER-SPACING :
01 02
PENTRU A FACE O <TABLE STYLE="WIDTH:100%">
<TR>
INTINDERE CE CELULE MAI <TH>NAME</TH>
<TH COLSPAN="2">TELEPHONE</TH>
MARE CA O COLOANA, </TR>
<TR>
<TD>BILL GATES</TD>
UTILIZAȚI ATRIBUTUL <TD>55577854</TD>
<TD>55577855</TD>
COLSPAN: </TR>
</TABLE>
01 02
PENTRU A FACE O <TABLE STYLE="WIDTH:100%">
<TR>
<TH>NAME:</TH>
ÎNTINDERE A CELULELOR <TD>BILL GATES</TD>
</TR>
MAI MARE DE UN RÂND, <TR>
<TH ROWSPAN="2">TELEPHONE:</TH>
UTILIZAȚI ATRIBUTUL <TD>55577854</TD>
</TR>
LINESPAN: <TR>
<TD>55577855</TD>
</TR>
</TABLE>
01 02
<TABLE STYLE="WIDTH:100%">
PENTRU A ADĂUGA UN <CAPTION>MONTHLY SAVINGS</CAPTION>
<TR>
TITLU GENERAL, UTILIZAȚI <TH>MONTH</TH>
<TH>SAVINGS</TH>
ETICHETA <CAPTION>: </TR>
<TR>
<TD>JANUARY</TD>
<TD>$100</TD>
</TR>
<TR>
<TD>FEBRUARY</TD>
<TD>$50</TD>
</TR>
</TABLE>
01 02
PENTRU A DEFINI UN STIL <TABLE STYLE="WIDTH:100%">
<CAPTION>MONTHLY SAVINGS</CAPTION>
<TR>
SPECIAL PENTRU UN <TH>MONTH</TH>
<TH>SAVINGS</TH>
TABEL, ADĂUGAȚI UN </TR>
<TR>
ATRIBUT ID LA TABEL: <TD>JANUARY</TD>
<TD>$100</TD>
</TR>
<TR>
<TD>FEBRUARY</TD>
<TD>$50</TD>
</TR>
</TABLE>