bradda daus blog's: Cara Membuat Link dengan Gambar

Membiasakan diri memposting artikel dalam mode HTML, menambahkan tag-tag untuk mengatur huruf dan membuat link akan sangat membantu mempercepat Anda mahir. Untuk itu saya senantiasa menyingkirkan mode compose pada blog agar semakin terbiasa dengan tags.

URL atau link, yaitu tautan berupa text atau gambar yang menghubungkan sebuah halaman web ke halaman web lain. Atau boleh juga disebut navigasi. Berikut contoh menuliskan kode HTML untuk membuat link:

<a href="http://google.com">Google.com

a adalah tag untuk link/URL, href menunjukan lokasi tujuan link, sedangkan text Google.com merupakan text yang mewakili link atau navigasi atau disebut juga anchor text.

Jika Anda ingin menjadikan sebuah gambar menjadi perwakilan dari link, maka ganti anchor text dengan tag gambar. Contohnya:

<a href="http://url-tujuan-link.com/" target="_blank" ><img src="http://url-lokasi-gambar.com/fotoku.jpg">

URL lokasi gambar adalah tempat di mana gambar yang akan digunakan sebagai diletakkan dalam suatu web host. Sedang perintah target="_blank" adalah untuk membuat halaman dibuka dijendela baru. Contohnya seperti di bawah ini. Anda boleh meng-kliknya, maka halaman web akan dibuka di jendela baru.

contoh gambar dengan link ↓↓↓

<a href="http://bradda-daus.blogspot.com/" target="_blank" ><img src="http://i831.photobucket.com/albums/zz231/bradda-daus/Web%20Design/12.jpg" /></a>