Silverf0x

Meletakkan gambar (images) pada HTML atau web page, harus diperhatikan 2 hal, yaitu : gambar (images) secara sederhana dan pengembangannya. Gambar (images) secara sederhana maksudnya adalah menaruh gambar (images) pada HTML. Pengembangannya dapat berupa, menggunakan gambar (images) untuk link.

Dasar tag untuk gambar (images) adalah :

<IMG SRC=”target gambar yang dituju”>

Atribut-atribut pada tag images antara lain :

• ALIGN : untuk mengatur letak posisi gambar relatif terhadap text.
  Kemungkinan nilai dari atribut ini adalah : LEFT, RIGHT, TOP, MIDDLE, ABSMIDDLE, BASELINE, BOTTOM dan ABSBOTTOM.
• ALT : untuk menentukan text alternatif yang akan ditampilkan apabila gambar tidak (belum) tampil.
• TITLE : untuk menentukan text yang akan ditampilkan apabila menaruh mouse di atas gambar (untuk Mozilla Firefox).
• BORDER : mengatur tebal (satuan pixel) border/garis pinggir pada gambar
• HEIGHT : menentukan tinggi gambar yang akan ditampilkan
• HSPACE : menentukan sebesar besar spasi (dalam pixel) secara horizontal (horizontal space) antara gambar dengan objek lain.
• LOWSRC : untuk menentukan gambar sekunder yang akan ditampilkan terlebih dahulu , sementara gambar utama dalam proses loading. Ini sangat berguna apabila gambar utama berukuran besar.
• SRC : menentukan target gambar yang akan ditampilkan
• VSPACE : menentukan sebesar besar spasi (dalam pixel) secara vertikal (vertical space) antara gambar dengan objek lain.
• WIDTH : menentukan lebar gambar yang akan ditampilkan
• STYLE : menentukan style (CSS) yang digunakan untuk gambar

Untuk menggunakan gambar (images) sebagai link, letakkan tag gambar (images) diantara tag link (A- anchor), seperti berikut :

<A HREF=”target link”><IMG SRC=”target”></A>