Gambar di dalam buku biasanya diberi caption. Kita bisa juga melakukan hal serupa di halaman HTML. Selain caption, gambar bisa juga diberi bingkai. Tag yang bisa kita gunakan untuk menambahkan caption di gambar kode program atau bagian lain kode HTML adalah tag <figcaption>. Tag tersebut harus diapit dalam tag <figure> yang berguna sebagai bingkai. Selain itu, kalian juga perlu menambahkan gambar yang diberi caption.
<html>
<header>
</header>
<body>
<figure>
<img src="gambarku.jpeg">
<figcaption>Gambarku</figcaption>
</figure>
</body>
</html>Penggunaan <figcaption> mirip dengan penggunaan <legend> pada tag fieldset. Bedanya, figcaption umumnya diletakkan di bagian bawah. Figcaption tidak hanya digunakan untuk mengapit tag <img>, tapi bisa juga untuk tag lainnya.
Mungkin ada yang berpikir tag ini tidak terlalu berguna karena tidak mempengaruhi tampilan. Untuk membuatnya terlihat lebih berguna, kalian bisa memberikannya style CSS.
<html>
<header>
</header>
<body>
<figure style="background-color:yellow;padding:8px;">
<img src="gambarku.jpeg" width="100%">
<figcaption style="background-color:yellow;text-align:center">Nama gambar</figcaption>
</figure>
</body>
</html>