Tutorial HTML - Membuat Link Gambar

Membuat Link Menggunakan Gambar


Pada dasarnya sebuah link dengan menggunakan gambar sama dengan link menggunakan teks hanya saja teks yang ditampilkan diganti menggunakan sebuah gambar. 

Sehingga gambar yang sebelumnya hanya sekedar ditampilkan menjadi dapat diklik yang kemudian mengarahkan kepada halaman atau dokumen lain.

Contoh link menggunakan gambar:


<!DOCTYPE html>
<html>
  <head>
    <title>Membuat Link</title>
  </head>
  <body>
    <a href="https://inntekno.blogspot.co.id/2016/06/pengertian-html.html">
      <img src="HTML_inntekno.jpg" alt="Pengertian HTML" style="width:200px">
    </a>
  </body>
</html>

tutorial html membuat link gambar


Untuk membuat sebuah link gambar anda cukup meletakkan tag gambar "<img>" diantara tag <a>.

Jika anda belum tahu cara menampilkan gambar pada HTML silakan lihat pada artikel ini Cara menampilkan gambar pada website.

Gambar yang dijadikan sebuah link tidak akan berubah tampilannya.
Hanya saja jika anda mengarahkan kursor diatas gambar maka ikon kursor akan berubah menjadi ikon tangan yang menandakan bahwa gambar tersebut sebuah link dan dapat diklik.

Lebih lengkap mengenai link anda dapat membaca artikel Cara membuat link html.
Previous
Next Post »