A. Pengertian
   Caption pada gambar adalah sebuah tulisan yang memberi keterangan pada gambar itu sendiri.

B. Latar Belakang.
    Terkadang pada sebuah artikel, tulisan majalah atau sebagainya kita mungkin menemukan sebuah gambar yang tidak memiliki caption atau keterangan yang pastinya akan membuat pembaca kebingungan.

C. Alat dan Bahan
  1. Text Editor.
  2. Web browser.
  3. Gambar / foto.
D. Pembahasan
    Sebenarnya caption pada HTML tidak hanya bisa kita pasang pada gambar dianaranya ialah pada tabel atu elemen-elemen HTML lainya. Namu kali ini kita akan mempraktikkan bagaimana memberi caption pada gambar.
Pertam buatlah sebuah folder baru dan didalam kita isikan beberapa file. Diantaranya index.html dan gambar yang nantinya akan kita beri caption. Kurang lebihnya isi dalam folder tersebut sepeti ini.


    Edit file index.html dan buatlah struktur dasar html dan kita isikan didalam tag body seperti kode dibawah ini.

<figure>

<img src="coba.jpg" height="400" width="500">
<figcaption>
Moahammad Firmansyah sedang melakuka evaluasi pada hari sabtu
</figcaption>

</figure>
Penjelasan kode :
<figure></figure> adalah pembungkus gambar.
src="coba.jpg" untuk memanggil gambar.
height="400" width="400" untuk mengatur ukuran tinggi dan lebar pada gambar.
<figcaption></figcaption> untuk memberi caption pada gambar.
Hasil dari koding diatas saat ditampilkan di browser akan seperti ini :


E. Refrensi

TAGS : |