[Tutorial HTML]Tabel

Locked
User avatar
Giambi
Membru
Membru
Posts: 165
Joined: 8 years ago
Has thanked: 0
Been thanked: 0
Status: Offline

8 years ago

Nume Tutorial:Tabel
Descriere:Tabelele pot aparea dificile la inceput, dar cu putina rabdare si practica vei vedea ca nu sunt asa cum par.
Download:
Autor:
Sursa (Link-ul oficial):tutorialeweb.net
Propria parere:Nu l-am incercat.
Tutorialul:
Tagul <table> este folosit pentru a deschide un tabel. Inauntrul acestui tag vom gasi alte doua taguri tipice <tr> (liniile tabelului) si <td> (coloanele tabelului). Dar cea mai buna explicatie ar fi in momentul de fata un exemplu:

Code: Select all

<table border="1">

<tr><td>Row 1 Cell 1</td><td>Row 1 Cell 2</td></tr> <tr><td>Row 2 Cell 1</td><td>Row 2 Cell 2</td></tr>

</table>
Continutul va fi plasat in interiorul casutelor tabelului. O casuta este ceea ce se afla intre <td> si </td>. Atributul border stabileste latimea marginii tabelului.

HTML - Tabele asimetrice
Pentru a forma tabele asimetrice vom folosi "rowspan" pentru a traversa mai mute linii si "colspan" pentru a traversa mai multe coloane. Deasemenea daca vrem ca prima linie sa serveasca de titluri pentru toate coloanele vom folosi tagul <th>. Acestea vor fi scrise cu litere ingrosate dupa cum vom vedea in exemplu urmator:

Code: Select all

<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>
Locked

Return to “HTML”