HTML Tablo Biçimlendirme Komutları

HTML tablo biçimlendirme için genellikle CSS (Cascading Style Sheets) kullanılır. CSS, HTML belgesindeki öğelerin görünümünü kontrol etmek için kullanılan bir stil dilidir. İşte HTML tablo biçimlendirme komutları:

1. Tablo Kenarlık Çizgileri ve Stilleri:

   <style>
       table {
           border-collapse: collapse; /* Tablo hücreleri arasındaki boşlukları kaldırır */
           width: 100%; /* Tablo genişliğini ayarlar */
       }
       th, td {
           border: 1px solid #ddd; /* Hücre kenarlık çizgileri */
           padding: 8px; /* Hücre içi boşluklar */
           text-align: left; /* Metni hücre içinde sola hizalar */
       }
   </style>
   

2. Alternatif Satır Renklendirme:

   <style>
       tr:nth-child(even) {
           background-color: #f2f2f2; /* Alternatif satırları renklendirir */
       }
   </style>
   

3. Başlık Hücreleri Biçimlendirme:

   <style>
       th {
           background-color: #4CAF50; /* Başlık hücrelerinin arka plan rengi */
           color: white; /* Başlık metni rengi */
       }
   </style>
   

4. Hücre Birleştirme ve Genişlik Ayarı:

   <style>
       td[colspan="2"] {
           text-align: center; /* İki hücreyi birleştiren hücreyi ortalar */
           font-weight: bold; /* Kalın yazı tipi */
           width: 20%; /* Hücre genişliği */
       }
   </style>
   

Yukarıdaki CSS kodları, tablonun genel görünümünü, kenarlık çizgilerini, arka plan renklerini, metin hizalamasını ve diğer stil özelliklerini kontrol eder. Bu örnekler, tablo biçimlendirmenin sadece birkaç yolu olup, ihtiyacınıza göre daha fazla stil ekleyebilirsiniz.