Format Gambar

Menyajikan Format Tampilan Gambar

HTML  telah  menyediakan  tag khusus untuk memasukkan gambar ke dalam halaman web, yaitu <img>. Tag ini merupakan tag tunggal atau tidak memiliki pasangan. Atribut terpenting dari tag <img> adalah SRC (source atau sumber), yang berisi file gambar yang akan ditampilkan ke dalam halaman web.

Bentuk umum penggunaan tag <img> adalah :

<img src=”namafile”>

Jika file yang akan ditampilkan berada di direktori lain, atau bahkan berada di situs web lain, makan perlu menyebutkan juga lokasi dari file tersebut.

Contoh:

<img src= “../image/komputer.jpg”>

Atau

<img src=http://www.abcde.com/image/kamera.jpg/>

Menggabung Gambar dan Teks

Untuk posisi gambar yangdilihat dari arah vertikal dapat ditentukan dengan mengisi nilai TOP, MIDDLE, atau BOTTOM ke dalam atribut ALIGN yang terdapat pada tag <img>.

Adapun untuk posisi gambar yang dilihat dari arah horisontal ditentukribut an dengan mengisi nilai LEFT dan RIGHT kedalam ALIGN pada tag <img>.

Memperkecil dan Memperbesar Ukuran Gambar

Untuk menentukan ukuran gambar, kita perlu mengisi atribut HEIGHT berfungsi untuk menetukan tinggi gambar dan WIDTH untuk menetukan lebar gambar. Perhatikan contoh berikut ini.

<img src=”images/komputer.jpg” />

Kode diatas akan menampilkan gambar dari file komputer.jpg yang berada dalam direktori images sesuai dengan ukuran asli (misal 500 x 375 pixel).

Untuk memperkecil gambar tersebut, kita tinggal memperkecil nilai-nilai tersebut, misalnya

<img src=images/komputer.jpg” width=320” height=”230” />

Memberi keterangan pada gambar

Untuk membuat keterangan pada gambar, kita dapat menggunakan atribut TITLE maupun ALT pada tag <img>.

<img src=”namafile” title=”keterangan”/>