HTML <caption> Etiketi

tanım ve kullanım

<caption> etiket tablo başlığını tanımlar.

caption etiketi table etiketinin ardından yer almalıdır. Her tablo için sadece bir başlık tanımlayabilirsiniz.

ipucu:varsayılan olarak, tablo başlığı tablonun üstünde ortada hizalanacaktır. Ancak, CSS özellikleri text-align ve caption-side başlığı hizalamak ve yerleştirmek için kullanılabilir.

ayrıca bakınız:

HTML DOM referans el kitabı:Caption nesnesi

örnek

örnek 1

başlıklı tablo:

<table>
  <caption>her ay mevduat</caption>
  <tr>
    <th>Ay</th>
    <th>Depo</th>
  </tr>
  <tr>
    <td> Ocak </td>
    <td>￥3000</td>
  </tr>
</table>

Kişisel Olarak Deneyin

örnek 2

konum tablosunun başlığı (CSS kullanılarak):

<table>
  <caption style="text-align:right">benim mevduatım</caption>
  <tr>
    <th>Ay</th>
    <th>Depo</th>
  </tr>
  <tr>
    <td> Ocak </td>
    <td>￥3000</td>
  </tr>
</table>
<br>
<table>
  <caption style="caption-side:bottom">Benim Depom</caption>
  <tr>
    <th>Ay</th>
    <th>Depo</th>
  </tr>
  <tr>
    <td> Ocak </td>
    <td>￥3000</td>
  </tr>
</table>

Kişisel Olarak Deneyin

Genel Özellikler

<caption> Bu etiketler ayrıca HTML'deki genel özellikler.

olay özelliklerini destekler

<caption> Bu etiketler ayrıca HTML'deki olay özellikleri.

Varsayılan CSS Ayarları

Çoğu tarayıcı aşağıdaki varsayılan değerleri kullanarak görüntüleyecektir <caption> Element:

caption {
  display: table-caption;
  text-align: center;
}

Kişisel Olarak Deneyin

Tarayıcı Desteği

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Destek Destek Destek Destek Destek