Cara Membuat Caption Gambar di HTML

FIGCAPTION

Pada postingan yang telah lalu, kita belajar Cara Untuk Meyisipkan Gambar di HTML saja tanpa membuat Caption atau tulisan yang berada tepat dibawah gambar, biasanya berisi  judul gambar yang disisipkan atau informasi yang berkaitan dengan gambar. Untuk itu kita bisa membuat Caption tersebut dengan menggunakan Tag HTML. Tag tersebut yaitu "figcaption".  Baiklah langsung saja kita simak dibawah ini contoh penggunaannya.

  • Contoh Gambar tanpa Caption
    Kode HTML :

    <figure>
    <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvDW7FIRxY5BB7bF2GpP0VEMPhOkFZi_FGFsinJiJmSwjXtoIYQZ_cnmDqtD078_GaUgG_ECc12IJ9eVTmRHgR5yuk0PSIcxHfSbYJmfvl2p4SWGJ9YfCDLlTBsPADBDLR09ysNycbdE4/w172-h178-rw/" alt="Sekedar_Contoh">
    </figure>

  • Hasil Output :
    Sekedar_Contoh
  • Contoh Gambar dengan Caption
    Kode HTML :

    <figure>
    <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvDW7FIRxY5BB7bF2GpP0VEMPhOkFZi_FGFsinJiJmSwjXtoIYQZ_cnmDqtD078_GaUgG_ECc12IJ9eVTmRHgR5yuk0PSIcxHfSbYJmfvl2p4SWGJ9YfCDLlTBsPADBDLR09ysNycbdE4/w172-h178-rw/" alt="Sekedar_Contoh">
    <figcaption>Gambar 1.1 Sekedar Contoh</figcaption>
    </figure>


    Hasil Output :

    Sekedar_Contoh
    Gambar 1.1 Sekedar Contoh

Untuk saat ini, tentang Cara membuat Caption Gambar di HTML saya cukupkan sampai disini. Demikian postingan saya kali ini, semoga berguna dan bermanfaat bagi kita semua. Kekurangan dan kesalahan saya mohon maaf, dan jika belum paham atau ingin bertanya berikanlah komentar dibawah. Atas kunjungannya saya ucapkan Terima Kasih.

Comments

Popular posts from this blog

Pengertian dan Contoh Sederhana tentang Stack dan Queue

Permainan Logika tentang Algoritma

Cara Menyisipkan Tanggal (JCalender) di Java NetBeans dan di Simpan dalam Database