Menggunakan Gambar

Sangat mudah untuk menyertakan gambar/image ke dalam dokumen HTML. Tag IMG adalah tag yang tertutup.

<IMG SRC=a WIDTH=b HEIGHT=c BORDER=d ALT=e ALIGN=f>

a = lokasi source/image yang akan kita sertakan
b = lebar horizontal
c = tinggi secara vertikal
d = ukuran border yang akan menjadi frame image
e = teks yang akan muncul sebagai pengganti bila image tidak diload
f = pengaturan rata halaman (LEFT, RIGHT, TOP, MIDDLE, BOTTOM)

Bagian yang paling penting untuk disertakan adalah SRC sebab ini memberi petunjuk file mana yang akan digunakan sebagai image. Atribut lain bersifat opsional, sehingga tag IMG yang paling sederhana adalah :

<IMG SRC=cat.gif>

SRC berarti ‘SOURCE’ dari dokumen gambar. Ini menunjuk kepada nama file image, yang akan disertakan dalam dokumen.

Sangat baik bila kita membiasakan diri menggunakan atribut tinggi dan lebar pada kode kita, karena akan sangat memudahkan bagi broser untuk mengatur lay out halaman dokumen saat loading apabila telah dispesifikasikan terlebih dahulu. Halaman akan di load lebih cepat, kemudian menyusul image-image untuk di load berikutnya.

Format Grafik/Image yang digunakan di web :

GIF- berarti Graphic Interchange Format, sebuah palet image 8-bit (256 color) berformat dengan 2-bit alpha mask (transparansi). GIFs tidak memilik kompresi yang dapat terlihat. Gunakan format ini bila anda ingin menampilkan gambar-gambar ilustrasi, kartun dan lain-lain yang memiliki jumlah warna sedikit serta blok-blok warna berukuran besar.

JPG- sebuah format image 24-bit color, dengan kompresi yang dapat terlihat pada kualitas yang rendah. Gunakan format ini untuk menampilakn foto, dan warna-warna yang lebih kaya.

Contoh penggunaannya :

<BODY><center>
<IMG SRC="images.jpg" alt="foto"><br> (ukuran asli = 90x120 pixel)<br>
<IMG SRC="images.jpg" alt="foto" WIDTH="45" HEIGHT="60" border="14" ><br> (45x60 pixel dengan border=14)<br>
<IMG SRC="images.jpg" alt="foto" WIDTH="180" HEIGH="240"> <br>(180x240 pixel)</center>
<BODY>

Dan Hasil yang tampak di Browser :

foto
(ukuran asli = 90x120 pixel)
foto
(45x60 pixel dengan border=14)
foto
(180x240 pixel)



KEMBALI KE DAFTAR ISI



By Joko Setiawan, Klaten, 10 Juni 2003.