Untuk dapat menampilkan gambar pada halaman website, kita harus dapat menempatkan kode HTML yang merupakan sumber atau lokasi di mana gambar tersebut diupload. Sebelum kita belajar cara menuliskan kode HTML untuk URL gambar, berikut ini adalah hal - hal penting yang harus kita mengerti :
CARA MENGUPLOAD GAMBAR
Bagian ini sudah saya jelaskan pada halaman cara mengupload gambar. Teman - teman bisa lihat kembali petunjuknya.
LOKASI ATAU SUMBER GAMBAR
Setelah gambar diupload, jika teman - teman sudah melihat halaman cara mengupload gambar, maka tentunya sudah tahu link gambarnya. Jika gambar diupload pada hosting milik sendiri, contoh :file " gambar.jpg " saya upload pada situs edyutomo.com folder" images ", maka cara menuliskan kode HTML untuk lokasi gambar atau sumber nya adalah :
<img src="http://www.edyutomo.com/images/gambar.jpg>
LINK HALAMAN YANG DITUJU
Link ini merupakan kode HTML yang mewakili alamat halaman yang dituju setelah gambar diklik. Dari contoh di atas, misalnya saya menginginkan halaman yang dituju adalah : http://asuransiunitlink.stepgoals.com, maka cara menuliskan linknya adalah :
<a href="http://asuransiunitlink.stepgoals.com"></a>
KODE HTML UNTUK URL GAMBAR
Dari langkah - langkah di atas, maka cara menuliskan kode HTML untuk URL gambar adalah sebagai berikut :
<a href="http://asuransiunitlink.stepgoals.com"><img src="http://www.edyutomo.com/images/gambar.jpg></a>
Dengan menuliskan kode HTML di atas maka gambar akan muncul pada halaman website, setelah gambar diklik maka pengunjung akan dibawa ke halaman situs http://asuransiunitlink.stepgoals.com. Jadi merupakan gabungan dari dua kode HTML sebelumnya. Mudah kan ?
Temukan juga kumpulan artikel lainnya :
Belajar SEO - cara mudah no. 1 di Google nggak pake lama
Cara membuat website yang menarik dengan mudah
Cara membuat blog profesional skala bisnis