Kode HTML untuk Memasang Gambar

Berikut ini akan saya bagikan cara memasang gambar pada postingan dengan memakai kode html.

Ini dilakukan jika sedang malas melakukan upload gambar atau hanya memiliki link lokasi gambar dari situs lain.

Hal ini cukup bermanfaat, khususnya jika anda memakai hosting sendiri karena bisa menghemat ruang penyimpanan di hosting anda.

Namun kelemahannya jika link gambar ternyata mengalami masalah dikarenakan adanya masalah dengan hosting atau hal-hal lain, ini bisa mengganggu kecepatan loading blog anda.

Daftar isi :

1. Menampilkan link gambar dari link gambar
2. Menampilkan gambar dengan ukuran
3. Menampilkan gambar dengan Link
4. Menampilkan gambar ketika diklik membuka jendela baru
5. Menampilkan gambar yang memiliki tag
6. Menampilkan gambar dengan judul

Berikut pembahasan kode-kode HTMLnya:

1. Hanya menampilkan gambar dari link gambar

 <img src="link gambar"/>

keterangan : link gambar misalnya http://linkgambar.com

Contoh :

2. Menampilkan gambar dengan ukuran

<img src="link gambar" width="100px" Height="100px/>

Keterangan : gambar akan tampil dengan ukuran lebar : 100pixel dan tinggi : 100px

Contoh :

 

3. Menampilkan gambar dengan link :

<a href="link situs"><img src="link gambar"/></a>

 Contoh :

    4. Menampilkan Gambar ketika di klik membuka jendela baru

Caranya dengan menambahkan kode target="_blank"

<a href="link situs" target="_blank"><img src="link gambar"/></a>

    5. Menampilkan Gambar yang memiliki tag

Fungsinya agar gambar bisa terbaca oleh robot google, sehingga bisa masuk ke sistem pencarian google. Caranya dengan menambahkan alt="isi dengan deskripsi gambar".
Penerapannya seperti ini :

<img src="link gambar" alt="isi dengan deskripsi gambar"/>

6. Menampilkan gambar dengan judul

Tujuanya ketika ada mouse over, akan keluar teks deskripsi gambar tersebut. Caranya dengan menambahkan title="isi dengan deskripsi gambar". Penerapannya seperti ini.

<img src="link gambar" title="isi dengan deskripsi gambar"/>

Selamat mencoba dan semoga bermanfaat.