HTML Tablolar

  • HTML’de tablo oluşturmak için kullanılan etiket <table> etiketidir.
  • <table> etiketi td ve tr etiketleri ile birlikte kullanılır.
  • <tr> ve <td> etiketleri table etiketi içerisinde yer alır.
  • <tr> etiketi tablonun satırını ifade eder.
  • <td> etiketi tablonun sütununu ifade eder.

HTML Tablo Oluşturma

 <table>
      <tr>
         <td>satır 1, sütun 1</td>
         <td>satır 1, sütun 2</td>
      </tr>
      <tr>
         <td>satır 2, sütun 1</td>
         <td>satır 2, sütun 2</td>
      </tr>
 </table>
satır 1, sütun 1 satır 1, sütun 2
satır 2, sütun 1 satır 2, sütun 2

th kullanımı

th etiketi tablonun başlığını ifade eder.

<table>
 <tr>
   <th>Ay</th>
   <th>Gider</th>
 </tr>
 <tr>
   <td>Nisan</td>
   <td>2 Milyar</td>
 </tr>
</table>

td ve tr etiketi

tr etiketi tablonun satırını ifade ederken, td etiketi tablonun sütununu ifade eder.

thead, tbody ve tfoot etiketi

  • thead etiketi tablonun başlıklarının olduğu kısımdır ve th etiketlerini kapsar
  • tbody etiketi tablonun içeriğinin olduğu kısımdır
  • tfoot etiketi tablonun altında yer alan ve altbilgiyi görüntüleyen kısımdır

rowspan ve colspan

  • rowspan özelliği satırları birleştirmemizi sağlar.
  • colspan özelliği sütunları birleştirmemizi sağlar.

colgroup, col ve caption etiketi

  • caption etiketi tabloya başlık/açıklama vermek için kullanılır.
  • col etiketi sütuna stil vermek için kullanılır.
  • colgroup etiketi birden fazla sütuna stil vermek için kullanılır.

cellpadding ve cellspacing nedir?

  • cellpadding özellipi hücre kenarı ile hücre içeriği arasındaki boşluğu ifade eder.
  • Hücreler arasındaki boşluğu ifade eder.

table etiketi özellikleri

borderTablo kenarlığı boyutu
cellspacingSütunlar arası kenarlık boşluğu
cellpaddingSatırlar arası kenarlık boşluğu
widthTablonun genişliği
367 Views
26980cookie-checkHTML Tablolar

Leave a Reply

Your email address will not be published. Required fields are marked *