HTML TABLOLAR

HTML TABLO-KENARLIK EKLEME

Tablo için kenarlık belirtmezseniz, kenarlıksız görüntülenir. CSS border özelliği kullanılarak bir kenarlık eklenir.

HTML TABLO-DARALTILMIŞ KENARLIKLAR

Kenarlıkların bir kenarlığa daralmasını istiyorsanız, CSS border-collapse özelliğini kullanın.

HTML TABLO-HÜCRE DOLGUSU EKLEME

Hücre dolgusu, hücre içeriği ile sınırları arasındaki boşluğu belirtir. Bir dolgu belirtmezseniz, tablo hücreleri dolgu olmadan görüntülenir. Dolguyu ayarlamak için, CSS padding özelliğini kullanın.

HTML TABLO-SOLA HİZALAMA BAŞLIKLARI

Varsayılan olarak, tablo başlıkları kalın ve ortalanmıştır. 
Tablo başlıklarını sola hizalamak için, CSS text-align özelliğini kullanın.

HTML TABLOSU – KENAR BOŞLUĞU EKLEME

Kenar Boşluğu , hücreler arasındaki boşluğu belirtir. 
Bir tablonun kenar boşluğunu ayarlamak için, CSS border-spacing özelliğini kullanın.

HTML TABLOSU – BİRÇOK SÜTUNU KAPLAYAN HÜCRELER 

Bir hücrenin birden fazla sütuna yayılması için colspan özelliğini kullanın.

HTML TABLOSU – ÇOK SATIRA YAYILAN HÜCRELER 

Bir hücrenin birden fazla satıra yayılması için rowspan özelliğini kullanın.

HTML TABLOSU – BAŞLIK EKLEME

Tabloya başlık eklemek için <caption> özelliğini kullanın.

BİR TABLO İÇİN ÖZEL BİR STİL

Özel bir tabloya özel bir stil tanımlamak için, tabloya bir id özelliği ekleyin.

Bölüm özeti

  • Bir tablo tanımlamak için HTML <table> öğesini kullanın
  • Tablo satırı tanımlamak için HTML <tr> öğesini kullanın
  • Tablo verilerini tanımlamak için HTML <td> öğesini kullanın
  • Bir tablo başlığı tanımlamak için HTML <th> öğesini kullanın
  • Tablo başlığını tanımlamak için HTML <caption> öğesini kullanın
  • Bir sınır tanımlamak için CSS border özelliğini kullanın
  • Hücre kenarlıklarını daraltmak için CSS border-collapse özelliğini kullanın
  • Hücrelere dolgu eklemek için CSS padding özelliğini kullanın
  • Hücre metnini hizalamak için CSS text-align özelliğini kullanın
  • Hücreler arasındaki boşluğu ayarlamak için CSS border-spacing özelliğini kullanın
  • Bir hücrenin birçok sütuna yayılması için colspan özelliğini kullanın
  • Bir hücrenin birçok satıra yayılması için rowspan özelliğini kullanın
  • Bir tabloyu benzersiz bir şekilde tanımlamak için id niteliğini kullanın