HTML si CSS (Programator Web 1)

DOCUMENTATIE CURS

Colspan si rowspan

In mod implicit, orice rand are acelasi numar de coloane. Asta inseamna ca intre oricare doua perechi de taguri <tr></tr> dintr-un tabel, avem un numar egal de perechi de taguri <td></td>.

Exceptia este cand folosim colspan si rowspan ca atribut in cadrul unui <td></td>.

- <td colspan = "x"> - inseamna ca celula respectiva se va "intinde" orizontal peste x celule din dreapta ei.
Cod HTML Rezultat
<table border="1">
<tr>
 <td>celula 11</td>
 <td colspan="3">celulele 12, 13, 14</td>
</tr>
<tr>
<td>celula 21</td>
<td>celula 22</td>
<td>celula 23</td>
<td>celula 24</td>
</tr>
</table>
celula 11 celulele 12, 13, 14
celula 21 celula 22 celula 23 celula 24


- <td rowspan = "x"> inseamna ca celula respectiva se va "intinde" vertical peste celulele de dedesubtul ei
Cod HTML Rezultat
<table border="1">
<tr>   
<td>celula 11</td>
<td>celula 12</td>
</tr>
<tr>
<td rowspan="3">celula 21, 31, 41</td>
<td>celula 22</td>
</tr>
<tr>
<td>celula 32</td>
</tr>
<tr>
<td>celula 42</td>
</tr>
</table>
celula 11 celula 12
celula 21, 31, 41 celula 22
celula 32
celula 42




    
© 2006-2021 Crystal Mind Academy. All rights reserved