C6 Dezv Apl Web 2021

Tabele
Lect. dr. Violeta Chis

<table>…</table>
Atribute:
• Width
• Height
• Align
• Border
• Cellspacing
• Cellpading
• Bgcolor
2
• Background
• Bordercolor
• Frame – stabileste care laturi ale chenarului ce incadreaza tabelul vor fi
vizibile
• Void
• Box
• Lhs
• Rhs
• Above
• Below
• Hsides
• Vsides
3
• Rules – care dintre liniile de demarcare dintre celulele tabelului vor
fi vizibile
• None
• All
• Cols
• Rows
• Groups
4
Elementele tabelului
1. Eticheta de tabel
2. Antetul de tabel
3. Corpul tabelului
4. Subsolul tabelului
Obs. – celulele tabelului pot contine text, imagini, ancore
de legatura sau chiar alte tabele
5
• Corpul tabelului <tbody>….</tbody>
• Pe o linie celulele sunt dispuse de la stânga la dreapta în ordinea în care au fost introduse în codul sursă al documentului
• Linii: <tr>…</tr> Atributele pentru tag-ul <tr>:
 align defineşte alinierea orizontală şi poate lua valorile left, (valoare implicită), center şi right;
 valign defineşte alinierea verticală a celulelor şi poate avea următoarele valori posibile: top, middle (valoare implicită), bottom
 bgcolor defineşte culoarea rândului
• celule: <td>…</td> Atribute specifice celulelor:
 colspan determină numărul de coloane pe care se întinde celula)
 rowspan determină numărul de linii pe care se întinde celula)
 align defineşte alinierea orizontală şi poate lua valorile left (valoare implicită), center şi right;
 valign stabileşte poziţia pe verticală a conţinutului celulei, poate lua valorile: top, middle, bottom (valoare implicită)
 width
 height
 bgcolor
6
Eticheta de tabel
• Folosita pentru a afisa deasupra tabelului un text scurt

<caption>…</caption>
• Atribute pentru <caption>: align (top, bottom, left, right)
• Trebuie sa apara imediat dupa controlul de inceput ce
marcheaza tabelul
7
Antetul si subsolul tabelului
• Reprezinta o modalitate de a grupa pe orizontala inf prez

intr-un tabel
<thead>…</thead>
<tfoot>…</tfoot>
• Celulele care intra in componenta antetului sau subsolului
se marcheaza cu <th>…</th>
<tf>…</tf>
8
Grupuri de coloane
• Exista posibilitatea de a grupa coloanele unui tabel prin

definirea unuia sau mai multor grupuri de coloane.
<colgroup>…</colgroup>
9
<html><head><title>Tabele simple</title></head>
<body><h1>Tabele simple</h1>
<hr>
<p>
1.Tabel simplu pentru prezentarea datelor structurate<br>
<p>
<table align="center" width="80%" cellspacing="2"
cellpadding="2" border="1">
<tr>
<th>Nume</th>
<td><b>Prenume</b></td>
<td><b>Varsta</b></td>
<td><b>Telefon</b></td>
</tr>
10
<tr>
<td>Popescu</td>
<td>Ioana</td>
<td>27</td>
<td>176238</td>
</tr>
<tr>
<td>Munteanu</td>
<td>Cornel</td>
<td>42</td>
<td>220022</td>
</tr>
</table> </body></html>
11
12
<table border="0" cellpadding="10" cellspacing="7">
<tr>
<td><img src="Foto/poza1.gif"></td>
<td><img src="Foto/poza2.gif" ></td>
</tr>
<tr>
</tr>
</table>
13
14
15
16
17
18
19
20

C6 Dezv Apl Web 2021

Încărcat de

Informații document

Titlu original

Drepturi de autor

Formate disponibile

Partajați acest document

Partajați sau inserați document

Opțiuni de partajare

Vi se pare util acest document?

Este necorespunzător acest conținut?

Drepturi de autor:

Formate disponibile

C6 Dezv Apl Web 2021

Încărcat de

Drepturi de autor:

Formate disponibile

Tabele

Lect. dr. Violeta Chis

• Folosita pentru a afisa deasupra tabelului un text scurt

• Reprezinta o modalitate de a grupa pe orizontala inf prez

• Exista posibilitatea de a grupa coloanele unui tabel prin

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