Cara Membuat Link pada Gambar Blog HTML

Cara Membuat Link pada Gambar Blog HTML

Link atau dapat disebut Hyperlink ini memang sangat berguna / bermanfaat sekali bagi kita terutama pada blogger ataupun programmer, kegunaan utama adalah bisa mengarahkan ke halaman lain entah ke suatu informasi yang sama ataupun beda, entah itu suatu konten berupa file, gambar, unduhan .

Untuk pengertian link bisa ikuti artikel sebelumnya : Pengertian Link ( Href ) pada website / blog

Untuk yang belum tahu apa itu link, seperti inilah contoh link tersebut : http://www.bloghafid.com/2015/08/pengertian-link-href-pada-website-blog.html

Contoh : Ini adalah link

Silahkan di klik link tersebut, apakah melempar ke suatu halaman/konten ? Sekarang, kita sudah mengerti link ?

Baca juga : Cara Merubah Warna Link Pada Blog / Wordpress

Bagaimana dengan link yang disematkan pada gambar ?
Pasti kita yang belum tahu link pada sebuah gambar akan menganggap bahwa elemen gambar tersebut terlihat aneh dan kok bisa ya melempar keluar, pasti itu yang anda tanyakan. Untuk itu kita akan coba mempraktekkan bagaimana cara untuk menyematkan link pada salah satu gambar, berikut kodenya :

<a href="http://www.bloghafid.com">
<img alt="Koala gambar" src="https://2.bp.blogspot.com/-iZNCwOEL-Sc/VxhpDUc09zI/AAAAAAAACmI/dHWU-N0c7pY33GYu9RQLYLZaeB_RbrZzwCLcB/s320/koala.jpg" title="Koala gambar" />
</a>

src= merupakan alamat url gambar, sedangkan alt= menandakan apa nama gambar tersebut pada search engine dan title= juga hampir sama dengan tag atribut alt= .

Jadi elemen a atau disebut link tersebut kita dahulukan dahulu kemudian ditengah - tengah kita kasih elemen img untuk memunculkan gambar , berikut contoh hasilnya dari experimen tersebut :

Koala gambar
Koala
Bagaimana, apa ada yang masih belum paham ?
Jika belum paham silahkan tanyakan pada kolom komentar,

Itulah cara untuk membuat link pada gambar atau dapat dikatakan menyematkan link pada bilah gambar dengan tepat, semoga bermanfaat .


Selanjutnya
« Sebelumnya
Sebelumnya
Post Selenjutnya »

Please enable Javascript![ ? ]