Membuat hyperlink bergambar pada HTML

Oke pada kesempatan kali ini saya akan share tutorial tentang HTML.
HTML adalah pemrograman berbasis web yang biasanya masih berbentuk web statis, tidak seperti PHP yang sudah berbentuk dinamis, web statis biasanya masih belum sempurna dan tidak terlalu banyak fitur-fiturnya tidak seperti web dinamis. sebagai contohnya web statis tidak bisa melakukan interaksi antara pengunjung dan pembuat web tersebut. Kalau di PHP kita bisa berinteraksi dengan pembuat web melalui kolom komentar yang disediakan.

Nah cukup sampai disitu saja basa basinya .. hehe
yang akan saya share kali ini adalah tentang membuat hyperlink bergambar. sebenarnya tsama dengan syntax membuat hyperlink pada HTML bedanya yang ini link-nya kita letakan pada sebuah gambar. saat di klik gambar tersebut maka kita akan menuju ke halaman / program yang telah kita masukan pada program di syntax hyperlink. Juga saya akan menambahkan variasi tentang membuat hyperlink ini..

Langsung saja ini adalah syntax lengkapnya:
<html>
<head>
<title> Download </title>
</head>
<body>
<p><font face="Comic Sans MS"> Ini adalah tutorial agar bisa membuat hyperlink bergambar pada HTML, silahkan klik gambar dibawah </font></p>
<a href="https://www.facebook.com/"><img src="fb.png" width="50" height="50"></a>
<a href="https://www.gmail.com/"><img src="gmail.jpg" width="50" height="50"></a>
<a href="https://www.twitter.com/"><img src="twitter.jpg" width="50" height="50"></a>
<p><font face="Comic Sans MS"> Ini adalah tutorial agar bisa mendownload pada HTML, silahkan klik download dibawah untuk mengunduh ollshop.rar </font></p>
<a href="ollshop.rar"><img src="images.jpg"></a>
</body>
</html>

Dan ini adalah hasilnya:


Penjelasan:
  1. Jika kita klik gambar icon facebook,gmail,dan twitter maka otomatis kita menuju ke website icon tersebut, misal kita klik icon facebook maka otomatis kita akan menuju ke website facebook. untuk bisa ke website facebook kita hanya perlu menuliskan link facebook di dalam sytax a href di atas
  2. Untuk membuat gambar bisa dimasukan hyperlink caranya adalah setelah kita menuliskan syntax a href, kita hanya perlu menuliskan syntax img src tepat setelah syntax a href, untuk gambar bisa cari di google .
  3. Nah yang saya maksud variasi itu adalah di bagian gambar download, jika kita klik gambar download tersebut maka otomatis kita bisa mendownload file berbentuk rar, iso dan lain-lain, sebenarnya syntaxnya sama seperti hyperlink yaitu a href, tetapi alamatnya itu bukan sebuah link maupun program HTML lainya, yang di panggil adalah file yang ber ekstensi rar atau iso.
Mungkin hanya itu saja penjelasan dari saya semoga bermanfaat untuk para pembaca.
Jika ingin copas silahkan sertakan sumber dari blog kami ..
dan jika ada yang ingin request program bisa request di grup facebook kami yaitu:

Tetap kunjungi blog kami dan nantikan tutorial-tutorial pemrograman berikutnya..