Penggunaan Elemen IMG

Elemen IMG yang dinyatakan dalam tag <img> adalah tag yang tidak berpasangan. Dalam keadaan standar, tag ini mempunyai susunan <img src=”URL”>. Tag ini mempunyai beberapa atribut lain. Antara lain :

Teks Alternatif

Yaitu atribut alt, untuk materi ini sudah saya ulas di artikel sebelumnya.

Judul Gambar

Yaitu atribut title, hal ini berguna untuk memberikan judul pada gambar. Ketika pointer mouse Anda didekatkan pada gambar, maka akan muncul judul gambar itu sendiri. Untuk contoh penempatannya yaitu <img src=”url” title=”judul”>

Pengaturan Perataan

Yaitu atribut align, Untuk nilainya antara lain left, right, middle, top, bottom, dan toptext. Untuk penempatannya <img src=”url” align=”nilai”>

Peratan Ukuran Gambar

Yaitu atribut width dan height. Hal ini berguna untuk menentukan ukuran dari gambar itu sendiri yang ditampilkan. Untuk nilainya bisa dalam bentuk angka atau dalam bentuk persen. Untuk contohnya, <img src=”http://www.xxx.com/xxx.jpg” width=”125” height=”200”>

Hspace dan Vspace

Atribut ini berguna untuk menentukan jarak spasi antara gambar dengan objek di sekitarnya. Atribut HSPACE menentukan spasi horizontal (bagian kanan dan kiri) suatu gambar. Sedangkan VSPACE menentukan spasi vertical (bagian atas dan bawah) suatu gambar. Untuk contoh penempatan <img src=”url” vspace=”nilai” hspace=”nilai”>

Border

Atribut ini berguna untuk memberikan border pada bingkai. Untuk pembahasan ini sudah saya ulas di artikel sebelumnya.

Selain itu tag <img> bisa Anda gunakan sebagai link. Anda tinggal meletakkan di antara tag hyperlink <a href=”url><img></a> saja. Untuk bagaimana cara membuat hyperlink sudah saya ulas pada artikel sebelumnya. Ada yang ingin menambahkan?