HTML Tablo Oluşturma Komutları

HTML'de tablo oluşturmak için temel olarak <table>, <tr>, <th>, ve <td> etiketlerini kullanırız. İşte HTML tablo oluşturma komutları:

  1. Tablo Oluşturma (<table>):

    <table> <!-- Tablo içeriği buraya gelecek --> </table>
  2. Satır Oluşturma (<tr>):

    <tr> <!-- Satır hücreleri buraya gelecek --> </tr>
  3. Başlık Hücresi Oluşturma (<th>):

    <th>Başlık</th>
  4. Veri Hücresi Oluşturma (<td>):

    <td>Veri</td>

Tablo içindeki bir hücreyi birleştirmek için colspan ve rowspan özelliklerini kullanabilirsiniz:

  • Hücre Birleştirme (colspan):

    <td colspan="2">Birleştirilmiş Hücre</td>
  • Sütun Birleştirme (rowspan):

    <td rowspan="2">Birleştirilmiş Hücre</td>

Örnek bir tablo:

<table border="1"> <tr> <th>Kol Başlığı 1</th> <th>Kol Başlığı 2</th> </tr> <tr> <td>Veri 1-1</td> <td>Veri 1-2</td> </tr> <tr> <td>Veri 2-1</td> <td>Veri 2-2</td> </tr> </table>

Bu örnekte border="1" ile tablonun kenarlık çizgileri görünür hale getirilmiştir, ancak genellikle bu stil yerine CSS kullanımı tercih edilir. CSS kullanımı daha esnek ve modern bir görünüm sağlar.



Yorum Ekle

Üzerine gel