Tablo İşlemleri
Hücre Birleştirme İşlemleri
Bu konumuzda html kodları ile oluşturduğumuz tablolarda yan yana veya alt alt olan hücreleri nasıl birleştireceğimizi anlatacağım.
Hatırlayacağınız üzere html sayfalarında tablo oluşturmak için <table> etiketi kullanıyorduk. Bu etiketin içerisinde border, width gibi parametreler kullanabiliyorduk.
Hücreleri birleştirmek için iki ise <td> etiketi içerisinde collspan ya da rowspan parametreleri kullanacağız. İsterseniz bu parametrelerin ne olduğunu kısaca açıklayayım.
- collspan : bu parametre yan yana olan hücreleri birleştirmek için kullanılır.
yandaki hücreleri birleştirmek için <td collspan=3> yazarız.
tablonun ikinci satırının kodları şu şekilde yazılır.
<tr>
<td collspan=3>6</td>
<td>7</td>
<td>8</td>
</tr>
- rowspan : bu parametre ise alt alta olan hücreleri birleştirmek için kullanılır.
resimdeki iki hücreyi birleştirmek için ise 2.satırın son hücresinde rowspan=2 yazarak alt alta iki hücre birleştireceğimizi belirtmeliyiz.
<tr> ikinci satır
<td>6</td> <td>7</td> <td>8</td> <td>8</td>
<td rowspan=2>10</td>
</tr>
<td>11</td> <td>12</td> <td>13</td>
<td>14</td>
</tr>
DİKKAT! 3.satır için sütunlar yazılırken, bir üst satırdaki son sütun alt alta 2 hücrenin birleşiminden oluşacağı belirtildiğinden, 4 adet <td> etiketi açılacak.
