HTML Hücre Birleştirme

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.