Advertisement
Advertisement
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 : https://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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhf5geV_nATHN9t0bL-cXGlCR9guvcINuZpyRgrrUMXF-ZW9HdomuE8v2NSzpSq8ubsuMvNygCCYPfr5mlWFqo-h0sufAviacOQEV1sNIQY4LSSe9Uf9vxmt-yW1qr5FwKwyVD650OD65s/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 :
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 .
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 : https://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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhf5geV_nATHN9t0bL-cXGlCR9guvcINuZpyRgrrUMXF-ZW9HdomuE8v2NSzpSq8ubsuMvNygCCYPfr5mlWFqo-h0sufAviacOQEV1sNIQY4LSSe9Uf9vxmt-yW1qr5FwKwyVD650OD65s/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 |
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 .
Advertisement
Advertisement