1. Temel Tablo Yapısı:

   <table>

   elementine

   .table

   sınıfı eklenir 13.

<table class="table">
Kopyala

2. Tablo Başlıkları (Thead):

   <thead>

   elementi ile sütun başlıkları (<th>) tanımlanır 13.

<thead>
<tr>
<th>Başlık 1</th>
<th>Başlık 2</th>
</tr>
</thead>
Kopyala

3. Tablo Gövdesi (Tbody):

   <tbody>

   elementi ile veri satırları (<tr>) ve bu satırların hücreleri (<td>) eklenir 13.

<tbody>
<tr>
<td>Veri 1</td>
<td>Veri 2</td>
</tr>
</tbody>
Kopyala

4. Ek Özellikler: Tabloya ek özellikler eklemek için çeşitli sınıflar kullanılabilir, örneğin:

• Çizgili Tablo:

  .table-striped

  sınıfı ile satırlara alternatif renkler eklenir 14.
• Kenarlıklı Tablo:

  .table-bordered

  sınıfı ile tablo hücrelerine kenarlık eklenir 14.
• Hover Efekti:

  .table-hover

  sınıfı ile satırların üzerine gelindiğinde arka plan rengi değişir 4.
• Duyarlı Tablo:

  .table-responsive

  sınıfı ile tablo, küçük ekranlarda yatay kaydırılabilir hale getirilir 14.