Menu Click to open Menus
Home » Blogging » Cara Membuat Menuliskan Kode HTML Untuk URL Gambar

Cara Membuat Menuliskan Kode HTML Untuk URL Gambar

(324 Views) April 29, 2017 2:20 am | No comment

Kode HTML untuk URL gambar. 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
  • Kode HTML untuk lokasi atau sumber gambar
  • Kode HTML untuk link atau halaman tujuan setelah gambar itu diklik

CARA MENAMPILKAN GAMBAR PADA BLOG

Untuk dapat menampilkan gambar pada blog, kita harus mengetahui URL gambar. Untuk menuliskan URL gambar kita harus mengetahui link sumber gambar dan link halaman yang dituju jika gambar itu diklik.

LOKASI ATAU SUMBER GAMBAR

Untuk mengetahui link sumber gambar ini sudah saya jelaskan pada halaman cara mengupload foto atau gambar. Teman – teman bisa lihat kembali petunjuknya. Setelah anda mengupload gambar, maka akan diketahui link sumber atau link lokasi gambar. Jika gambar diupload pada situs lain seperti http://photobucket.com, maka link yang didapat itulah yang dipergunakan

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 ?

Untuk dapat memahami dengan mudah tentang kode HTML, saya merekomendasikan halaman belajar HTML untuk pemula.

BAGIKAN ARTIKEL INI :
Categorised in:

No comment for Cara Membuat Menuliskan Kode HTML Untuk URL Gambar

Leave a Reply

Your email address will not be published. Required fields are marked *

error: dilarang meng copy bro !!