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> 

   Canlı Dene Kopyala

2. Alternatif Satır Renklendirme:

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

   Canlı Dene Kopyala

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> 

   Canlı Dene Kopyala

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> 

   Canlı Dene Kopyala

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.