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

Cara Membuat Menuliskan Kode HTML Untuk URL Gambar

(2550 Views) April 29, 2017 2:20 am | 2 Comments

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:

2 Comments for Cara Membuat Menuliskan Kode HTML Untuk URL Gambar

  • DICKY says:

    GAN,BAGAIMANA CARA MEMBUAT LINK YANG MENAMPILKAN GAMBAR BILA DIKETIK,,CONTOH BLABLABLA.ORG TRUS NTI MNCUL GMBAR,,SPRTI YG D GRUP2 FB GTU GAN

    • topTips says:

      kalau untuk membuat link untuk menampilkan gambar, tentu anda harus mengetahui link sumber dari gambar tersebut. Caranya : klik kanan gambar tersebut, lalu salin url gambar. Kemudian paste pada notepad dan simpan, sehingga jika ingin menampilkan gambar, anda tinggal menyalin link tersebut lalu paste pada address bar, tekan “enter” , ganbar akan muncul.

Leave a Reply

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

error: dilarang meng copy bro !!