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>
Yorum Gönder
Yazı Hakkındaki Düşünceleriniz...