Menampilkan Gambar di Web

Garfield

Garfield

Hari ini Selasa, 9 Desember 2008, pukul 5:29 aq belum ngantuk-ngantuk juga. Heran knapa bisa gini, padahal malam kmaren juga gak tidur. Bingung gak tau ngapain, mw kluar rumah juga masih terlalu pagi, gelap. Singkat cerita, akhirnya aq buka nih blog trus buat ni coretan😀

Sebenarnya ini tag sederhana bin umum dalam dunia web, tapi gak apalah aq tulis di sini, toh pikirku mereka yang bukan webmaster tidak semuanya tahu tentang ini, tul gak?🙂

Untuk menampilkan gambar pada web, blog, atau website portal seperti friendster,  kita cukup menggunakan tag

<img src=”Di sini isi lokasi gambar”>

Untuk mengetahui lokasi gambar pada web, pada browser Mozilla FireFox, kita cukup klik kanan pada gambar ==> pilih properties ==> Location . Link yang diawali dengan http://blablabla.jpg atau .gif atau .lainnya itulah yang menjadi lokasi gambar. Copy link lokasi gambar tersebut ke lokasi gambar pada tag di atas.

Contoh :

Menampilkan gambar logo kompas dari lokasi http://kompas.com/data/images/logo.jpg :

<img src=”http://kompas.com/data/images/logo.jpg&#8221; >

hasilnya seperti berikut :

untuk mengatur ukuran gambar yang ditampilkan, cukup menambahkan width=”…” untuk lebar dan height=”…” untuk tinggi gambar.

Misalnya kita ingin ukuran logo kompas di atas diperkecil 50 %, kita bisa gunakan tag :

<img src=”http://kompas.com/data/images/logo.jpg&#8221; width=”50%” height=”50%”>

Hasilnya diperkecil 50%:

atau bisa juga dengan mengisi ukuran nya langsung. Misal kita ingin gambar tersebut berukuran 200 pixel untuk lebar dan 50 pixel untuk tingginya, tagnya bisa seperti berikut :

<img src=”http://kompas.com/data/images/logo.jpg&#8221; width=”200″ height=”50″>

Hasilnya :

Nah, gimana? Cukup mudah kan?! So pasti..🙂