Cara membuat link gambar pada blog

cara Menggunakan gambar sebagai link pada Blog

cara menggunakan gambar sebagai link

Irfadnews- Selain mengunakan Teks untuk membuat link pada blog dapa juga menggunakan gambar atau foto.
Membuat link dengan gambar lebih cantik tampilannya dari pada teks, Gambar yang pasang pada blog untuk dijadikan link bisa bisa foto sendiri atau yang berkaitan dengan artikel blog.
Dibawah ini cara membuat LINK DENGAN GAMBAR menggunakan kode HTML yaitu

Menggunakan Tag Link

Contoh Penulisan Dalam Tag HTML

<a href=’url tujuan’>Teks atau Gambar</a>

1. kode <a>  adalah tag HTML  untuk mendifinisikan link.
2. href merupakan atribut  untuk url atau alamat menuju link.
3. Sesudah href beri tanda kutip(buka dan tutup) diantara alamat link

contoh:

<a href=’http://irfadnews.pw/’>Berita Terbaru Dan Terlengkap</a>

Hasil:

Berita Terbaru Dan Terlengkap

Menggunakan Tag Gambar/Foto

<img src=’url gambar’ alt=’nama alternatif gambar’ width=’tinggi’ height=’lebar’>

1. Tag <img> adalah tag HTML mendefinisikan sebuah gambar.
2. Atribut src adalah sumber/url dari gambar/foto.
3. Atribut alt adalah untuk memberikan nama alternatif gambar. Apabila gambar tidak bisa ditampilkan, maka yang muncul adalah nama alternatifnya.
4. Atribut height dan width adalah untuk mengatur ukuran gambar.

contoh:

<img src=’http://irfadnews.pw/wp-content/uploads/2010/09/click.jpg’ alt=’Click Me!’ width=100′ height=’100′>

Hasil:

cara menggunakan gambar sebagai link

Digabungkan menjadi link gambar

<a href=’http://irfadnews.pw/’><img src=’http://irfadnews.pw/wp-content/uploads/2010/09/click.jpg’ alt=’Click Me!’ width=’100′ height=’100′> </a>

Tag <img> harus diapit oleh tag <a> dimana tag penutup harus dikasih garis miring, seperti: </a>