HTML'de hücre birleştirme işlemi, bir tablonun belirli hücrelerini tek bir büyük hücre haline getirme amacını taşır. Bu işlem, colspan
(sütun birleştirme) ve rowspan
(satır birleştirme) özellikleri kullanılarak gerçekleştirilir.
Colspan (Sütun Birleştirme):
<table border="1"> <tr> <th>Kol Başlığı 1</th> <th>Kol Başlığı 2</th> <th>Kol Başlığı 3</th> </tr> <tr> <td>Veri 1-1</td> <td colspan="2">Birleştirilmiş Hücre</td> </tr> <tr> <td>Veri 2-1</td> <td>Veri 2-2</td> <td>Veri 2-3</td> </tr> </table>
Yukarıdaki örnekte, ikinci satırdaki ikinci hücre olan "Birleştirilmiş Hücre" colspan="2"
özelliği ile iki sütunu birleştirir.
Rowspan (Satır Birleştirme):
<table border="1"> <tr> <th>Kol Başlığı 1</th> <th>Kol Başlığı 2</th> </tr> <tr> <td rowspan="2">Birleştirilmiş Hücre</td> <td>Veri 1-2</td> </tr> <tr> <td>Veri 2-2</td> </tr> </table>
Bu örnekte, ilk satırdaki ilk hücre olan "Birleştirilmiş Hücre" rowspan="2"
özelliği ile iki satırı birleştirir.
Hücre birleştirme, tablonun düzenini ve görünümünü özelleştirmek için kullanışlı bir özelliktir. İhtiyacınıza göre, farklı hücre birleştirme özelliklerini kombinleyebilir ve tablonuzu daha kompleks hale getirebilirsiniz.