Kode HTML Dasar Untuk Gambar

Posted May 3, 2008 by aenvhira in Modul. 3 Comments

Bagi webmaster yang belum mengetahui dengan jelas kode-kode html yang digunakan dalam gambar sangat dimungkinkan akan salah dalam memilih property gambar sehingga akan berpengaruh pada waktu download.

Here is a sample of the HTML code for a dollar sign web graphic image:

<IMG SRC=”images/via.jpeg” WIDTH=”120″ HEIGHT=”100″ ALT=”Via Online Sign” VSPACE=”2″ HSPACE=”2″ BORDER=”0″>

Gambar dari kode yang dimaksud diatas adalah seperti berikut:

Gambar dari http://mesin.brawijaya.ac.id

• IMG: Tag ini berfungsi untuk memberitahu browser bahwa ada gambar yang dimasukan ke dalam situs terseut.

SRC: Kode ini memberitahukan kepada browser dimana letak file gambar tersebut, pada contoh diatas file gambar berada pada server tepatnya pada folder images dengan nama via.jpeg, bisa juga anda memasukkan url web lain seumpama anda mengunakan gambar pada url tersebut. Perlu diperhatikan dalam

• penulisan nama gambar karena bersifat case sensitive artinya huruf besar dan kecil dianggap berbeda.
• WIDTH / HEIGHT: Tag ini menjelaskan ukuran dari gambar, berapa pixels tinggi dan lembar gambar yang digunakan dalam situs, besarnya tinggi dan lebar gambar erserah anda, misalnya dapat juga anda memasukkan lenar 300 tinggi 200 untuk mendapatkan dimensi yang lebih besar dari sebelumnya.
• ALT: Tag ini berfungsi memberitahukan tanda atau nama gambar menjadi text, hal ini berfungsi bila browser yang anda gunakan tidak dapat meload gambar atau browser sedang dalam mode text only maka tulisan Via Online sign akan muncul menggantikan gambar tersebut.
• BORDER: border merupakan garis yang berada di tepi gambar, baiknya anda set menjadi nol karena gambar yang anda buat tidak akan terlihat mempuntai garis tepi.
• HSPACE / VSPACE: Tag ini berfungsi memberikan spasi atau jarak gambar dari garis table, tag ini sangat berguna bila anda mengkombinasikan dengan penggunaan text sebagai keterangan gambar misalnya dibawah gambar.

Diambil dari : oke.or.id

sumber :

http://aenvhira.wordpress.com/2008/05/03/kode-html-dasar-untuk-gambar/