Kode HTML Dasar Untuk Gambar

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

Advertisements

3 responses to this post.

  1. Posted by a1d0 on May 20, 2008 at 10:21 am

    cuma mau ngucapin….

    Salam Blogger!!!

    mampir juga donk,
    http://a1d0.wordpress.com

  2. thannk mas salam kenal.. pemulanih pengengen belajar ngeblok

  3. Posted by Buchjuscuro on January 25, 2011 at 12:36 am

    perlu memeriksa:)

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

dudu_durajat

Kerja itu enak kalau ada libur, libur itu enak kalau lagi kerja

%d bloggers like this: