HTML <caption> Etiketi
Örnek
Altyazılı bir tablo:
<table>
<caption>Monthly savings</caption>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
Aşağıda daha fazla "Kendiniz Deneyin" örnekleri.
Tanım ve Kullanım
<caption>
etiketi bir tablo başlığı tanımlar .
Etiket , <table><caption>
etiketinden hemen sonra eklenmelidir
.
İpucu: Varsayılan olarak, bir tablo başlığı bir tablonun üzerinde ortaya hizalanır. Ancak, metin hizalama ve resim yazısı tarafı CSS özellikleri , resim yazısını hizalamak ve yerleştirmek için kullanılabilir.
Tarayıcı Desteği
Element | |||||
---|---|---|---|---|---|
<caption> | Yes | Yes | Yes | Yes | Yes |
Genel Özellikler
Etiket ayrıca HTML'deki Global Nitelikleri<caption>
de destekler .
Etkinlik Özellikleri
Etiket ayrıca HTML'deki Etkinlik Niteliklerini<caption>
de destekler .
Daha fazla örnek
Örnek
Tablo başlıklarını konumlandırın (CSS ile):
<table>
<caption style="text-align:right">My savings</caption>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
<br>
<table>
<caption
style="caption-side:bottom">My savings</caption>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
İlgili Sayfalar
HTML DOM referansı: Resim Yazısı Nesnesi
Varsayılan CSS Ayarları
Çoğu tarayıcı, <caption>
öğeyi aşağıdaki varsayılan değerlerle görüntüler:
Örnek
caption {
display: table-caption;
text-align: center;
}