Tabelele poate au fost destul de complicate în Tutorialul HTML pentru începători, și cred ca e destul de greu să înțelegi cum de la un cod de linii, sa ajuns la vizualizarea unor chenare 2D ce formeaza tabelul.
Realizăm un tabel așa de frumos, multumita atributelor rowspan și colspan, doi nemernici ce ne ușurează munca!
Următorul cod, seamănă putin cu cel din pagina tabelelor din Tutorialul HTML pentru începători :
<table border=“1″>
<tr>
<th>Etichetă coloana 1</th>
<th>Etichetă coloana 2</th>
<th>Etichetă coloana 2</th>
</tr>
<tr>
<td>Rând 2, căsuța 1</td>
<td colspan=“2″>Rândul 2, căsuța 2, deasemenea Rândul 2, căsuța 3</td>
</tr>
<tr>
<td rowspan=“2″>Rândul 3, căsuța 1, deasemenea Rândul 4, căsuța 1</td>
<td>Rând 3, căsuța 2</td>
<td>Rând 3, căsuța 3</td>
</tr>
<tr>
<td>Rând 4, căsuța 2</td>
<td>Rând 4, căsuța 3</td>
</tr>
</table>
În primul rând, în prima serie, am înlocuit tag-ul <td> cu tag-ul <th>.În timp ce <tg> formează o căsuța informativă standard, <td> creează o căsuță informativă tip titlu.Precum și la tag-ul <td>, nou venitul tag trebuie folosit sub influența tag-ului <tr>.
Am folosit deasemenea și atributele colspan și rowspan, exact ca la tag-ul <td>, iar dacă privești tabelul în browser. vei observa că al doilea rând are două căsuțe, asta sa putut realiza cu ajutorul atributului colspan, individul practic îți largește aria unei căsuțe până la limita tabelului.În exemplul de mai sus, acest atribut a încadrat textul dintro căsuță, în spatiul dedicat pentru două.
Însemnătatea și funcția atributului rolspan, este asemănătoare atributului colspan, adică și acesta va ocupa doua spații, dar de data asta căsuțele ocupate defapt sunt rânduri, pentru dacă observați in browser, deși noi am inserat 3 rânduri, in partea unde a fost integrat atributul rolspan, avem o căsuță ce ocupă doua rânduri.
În primul tabel, cel din tutorialul pentru începători, am folosit regula 3 pe 4, ceea ce nea oferit 12 căsuțe, iar aici practic am început codul la fel, doar că avem vizualizate 10 căsuțe, diferența de 2 fiind dată de faptul că avem 2 căsuțe ”span”.
