Socialize

Son Yazılar

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>


Hiç yorum yok