Html Tablo Hücre Birleştirme

Html Tablo Hücre Birleştirme

Html sayfasında kullanacağımız tablo üzerinde bazen değişiklik yapmamız gerekebilir. Tablo da bazen sığmayan bir yazıyı yada gurup belirten başlıkları belirtmek için hücreleri birleştiririz. Html tablo örneğimizde satır ve sütun hücrelerinin nasıl birleştirileceğini html tablo kodları ile göstermeye çalışacağım.




Örnek 1:

Buradaki örnekte 1.Satırın 2. ve 3. sutunlarını birleştireceğiz.

İsim	Telefon
Html Tablo Hücre Birlerştirme	0000 000 00 00	0000 000 00 00

Uygulama Html Kodu

<table style="width:100%">

  <tr>

    <th>İsim</th>

    <th colspan="2" style="text-align:center; border-color:red;">Telefon</th>

  </tr>

  <tr>

    <td>Html Tablo Hücre Birlerştirme</td>

    <td style="text-align:center">0000 000 00 00</td>

    <td style="text-align:center">0000 000 00 00</td>

  </tr>

</table>

Örnek 2:

Buradaki örnekte 2. ve 3. satırların 1. sutunlarını birleştireceğiz.

İsim:	Html Tablo Hücre Birlerştirme
Telefon:	0000 000 00 00
	0000 000 00 00

Uygulama Html Kodu

<table style="width:100%">

  <tr>

    <th>İsim:</th>

    <td>Html Tablo Hücre Birlerştirme</td>

  </tr>

  <tr>

    <th rowspan="2" style="border-color:red;">Telefon:</th>

    <td>0000 000 00 00</td>

  </tr>

  <tr>

    <td>0000 000 00 00</td>

  </tr>

</table>