Page 91 - Pemrograman-Web-Semester1

Pemrograman Web Semester 1

Memperkecil dan Memperbesar Ukuran Gambar

gambar yang ditampilkan pada dokumen HTML terkadang tidak memiliki ukuran
gambar yang sama dengan ukuran sebenarnya. Untuk menghasilkan gambar
dengan kualitas yang mirip aslinya, penentuan ukuran juga menjadi hal yang
penting untuk diperhatikan. Maka dari itu perbandinganya harus sesuai dengan
ukuran asli dari gambar tersebut. 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/jeep.jpg” />

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

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

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

Memberi keterangan pada gambar

Agar lebih terkesan informatif, anda dapat memberikan keterangan yang relevan
dan seperlunya (tidak berlebihan) terhadap gambar yang anda tampilkan pada
halaman web. Keterangan ini akan muncul dalam bentuk tooltip ( sesaat, hanya
beberapa detik) pada saat penunjung mengarahkan kursor (penjujuk mouse) ke
atas gambar.

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

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

c. Rangkuman
……………………….

77 | P a g e