Tag <caption> HTML
Contoh
Sebuah meja dengan keterangan:
<table>
<caption>Monthly savings</caption>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
Lebih banyak contoh "Coba Sendiri" di bawah ini.
Definisi dan Penggunaan
Tag <caption>
mendefinisikan judul tabel.
Tag <caption>
harus dimasukkan segera setelah
tag <table> .
Tips: Secara default, keterangan tabel akan diratakan tengah di atas tabel. Namun, properti CSS text-align dan caption-side dapat digunakan untuk meratakan dan menempatkan caption.
Dukungan Peramban
Element | |||||
---|---|---|---|---|---|
<caption> | Yes | Yes | Yes | Yes | Yes |
Atribut Global
Tag <caption>
juga mendukung Atribut Global dalam HTML .
Atribut Acara
Tag <caption>
juga mendukung Atribut Peristiwa dalam HTML .
Lebih Banyak Contoh
Contoh
Judul tabel posisi (dengan CSS):
<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>
Halaman Terkait
Referensi DOM HTML: Objek Caption
Pengaturan CSS Default
Sebagian besar browser akan menampilkan <caption>
elemen dengan nilai default berikut:
Contoh
caption {
display: table-caption;
text-align: center;
}