Meletakkan Gambar pada HTML

Peluang Bisnis Online
Dengan adanya gambar, sebuah website akan lebih menarik dan sedap untuk dipandang. Beberapa format gambar yang biasa di pakai adalah GIF, JPG dan PNG. Untuk menambahkan gambar pada HTML, tag yang di gunakan adalah <img>. Dan kita membutuhkan atribut untuk melengkapi tag yaitu src (source) yang berarti sumber atau lokasi gambarnya, Rumusnya adalah sebagai berikut :

<img src="lokasi gambar">

Berikut kita buat contoh penggunaannya

<img src="http: //tetapbersyukur.files.wordpress.com/2012/11/tatasurya.jpg"/>

Hasilnya, coba kita lihat.

Ada atribut tambahan yang sering digunakan, diantaranya :
Alt : berfungsi sebagai teks alternative, jika browser tidak dapat menampilkan gambar
Width dan height : untuk mengatur lebar dan tinggi gambar
Pada gambar di atas ditampilkan ukuran aslinya, yaitu 300 x 300 px.Sekarang kita coba buat ukuran lebar 250 dan tinggi 150 menggunakan atribut width dan height sekaligus kita selipkan alt di dalamnya

<img src=”http: //tetapbersyukur.files.wordpress.com/2012/11/tatasurya.jpg” width=”250″ height=”150″ alt=”Tata Surya”/>

Coba kita lihat hasilnya,
Tata Surya

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: