Comment

 

Friday, March 4, 2016

Memperkecil Dan Memperbesar Ukuran Gambar Serta, Memberi Keterangan Pada Gambar

0 comments


 Teknik Komputer Jaringan-Pemrograman Web

memperkecil dan memperbesar ukuran gambar serta, memberi keterangan pada gambar
kali ini saya akan membahas tentang memperkecil dan memperbesar ukuran gambar serta, memberi keterangan pada gambar. pertama-tama saya akan membahas memperkecil dan memperbesar ukuran gambar:
- Untuk menentukan ukuran gambar, kita perlu mengisi atribut HEIGHT berfungsi untuk menentukan tinggi gambar dan WIDTH untuk menentukan lebar gambar.
- misalnya contohnya adalah : <img src="images/komputer.jpg"/>
- Kode diatas akan menampilkan gambar dari file komputer.jpg yang berada didalam direktori images sesuai dengan ukuran asli (misal 500x375pixel).
- Untuk memperkecil  gambar tersebut,kita tinggal mempekecil nilai nilai tersebut, misalnya.
<img src=images/komputer.jpg" width=320" height="230"/>

Selanjutnya saya akan membahas tentang memberi keterangan pada gambar.
- keterangan ini akan muncul dalam bentuk tooltip ( sesaat, hanya beberapa detik ) pada saat penunjang mengarahkan kursor ( penujuk mouse ) keatas gambar.
- Untuk membuat keterangan semacam ini, kita dapa menggunakan atribut TITLE maupun ALT pada tag <img>.
- <img src="nama file" title="keterangan"/>

Dibawah ini saya  mempunyai sebuah coding tentang memberi keterangan pada gambar:

<!DOCTYPE HTML>
<html>
<body>
<h1> Menyajikan format gambar dengan keterangan </h1>
<tr>
<p><img src="pengibaran.jpg" title="17 agustus 2015 (smkn 2 banjarmasin)" width=750  align=center> <br><br>
</body>
</html>
Dari coding diatas maka hasilnya adalah sebagai beikut;
berdasarkan screenshot



0 comments:

Post a Comment

 
Rizky Wara | Blog © 2017 .