crearea tabelelor html

Tutorial HTML : Tabele – Folosirea tabelelor in HTML


Aceste tabele au o foarte mare importanta la baza HTML, deoarece tabelele constituie o structura care sta la baza organizarii paginilor web. Desi multe pagini folosesc acum div-uri pentru aranjarea paginilor, tabelele sunt in continuare foarte importante pentru structurarea unei pagini web. Practic, tabelele sunt cele care va ajuta sa faceti design-ul unui site si aranjarea in pagina a meniului, a textului, a butoanelor, etc.

Pentru crearea tabelelor in HTML se folosesc elementele <table>…</table>. Aceste elemente incadreaza si alte doua sub-elemente, <tr>…</tr>, acestea fiind linia unui tabel ( randul ) si <td>…</td>, acestea fiind coloana.

Un atribut important in folosirea tabelelor este atributul border, reprezentand “bordura” tabelului, adica grosimea liniei tabelului. In cazul in care se doreste anularea liniilor, se va folosi border=”0″.

Un exemplu simplu pentru un tabel cu border si cateva linii colorate:

<table border=”1″> <tr><td width=”80″ bgcolor=”red”>rosu</td><td width=”160″ bgcolor=”yellow”>galben</td></tr> <tr><td bgcolor=”white”>alb</td><td bgcolor=”green”>verde</td></tr> </table>
rosu galben
alb verde

Si un exemplu folosind toate atributele si etichetele prezentate anterior:

<table border=”1″>
<tr>
<th>Column 1</th>
<th>Column 2</th>
<th>Column 3</th>
</tr>
<tr><td rowspan=”2″>Row 1 Cell 1</td>
<td>Row 1 Cell 2</td><td>Row 1 Cell 3</td></tr>
<tr><td>Row 2 Cell 2</td><td>Row 2 Cell 3</td></tr>
<tr><td colspan=”3″>Row 3 Cell 1</td></tr>
</table>
Column 1 Column 2 Column 3
Row 1 Cell 1 Row 1 Cell 2 Row 1 Cell 3
Row 2 Cell 2 Row 2 Cell 3
Row 3 Cell 1

 



Leave a Reply

Your email address will not be published. Required fields are marked *