Iklan diatas header

Loading...

Cara Penulisan Lokasi File / Gambar di HTML

Terkadang dalam penyusunan file di suatu project web kita meletakkan beberapa file ke dalam folder agar file yang kita buat tersusun rapi dan memudahkan kita dalam mencari file tersebut. Nah di dalam HTML ada cara tersendiri untuk memanggil file-file yang berada di dalam folder ataupun berada di luar folder itu sendiri. Kali ini saya akan menjelaskan cara penulisan lokasi file di HTML.

Cara Penulisan Lokasi File / Gambar di HTML

Jika anda menyimpan gambar/file tersebut pada sebuah folder seperti berikut.

Cara Penulisan Lokasi File / Gambar di HTML

Baca Juga : Cara Memasukkan (memuat) gambar di HTML Lengkap

Maka yang perlu anda lakukan adalah menambahkan nama folder tersebut diikuti dengan tanda slash (/) dan nama file gambar yang akan dimuat: <img src="images/gambar.png" alt="Ini adalah teks alternatif" />
Jika dalam folder tersebut terdapat folder lagi, dan gambar yang ingin anda muat ada di dalamnya maka penulisannya menjadi seperti berikut : <img src="images/folder1/folder2/gambar.png" alt="Ini adalah teks alternatif"/>

Cara Penulisan Lokasi File / Gambar di HTML

Selain penggunaan lokasi gambar seperti di atas, anda juga bisa menampilkan gambar yang sudah terdapat di internet, penulisan seperti ini disebut dengan hotlinking misalnya: <img src="http://bacacoding.blogspot.com/images/gambar.jpg" alt="logo" /> Penggunaan hotlinking sangat tidak dianjurkan karena gambar yang dimuat bukanlah milik kita dan tentunya juga akan merugikan si pemilik gambar.

Baca Juga : Cara Membuka Link Pada Tab/Jendela baru di HTML

Gimana Jika file berada di folder yang berbeda???
Nah jika yg diatas lokasi file nya berada dalam folder, gimana jika lokasi gambar/file berada di luar folder? yang kita lakukan adalah menambahkan tanda "../" *tanpa tanda petik dan file yang akan di muat sperti ini <img src="../gambar.png" alt="ini gambar"/> ini maksudnya kita keluar dari satu folder. Jika kita ingin keluar/melangkahi 2 dua folder kita tinggal menambahkan "../../" seperti ini tag nya <img src="../../gambar.png" alt="ini gambar"> nah ini maksudnya kita keluar dari 2 buah folder, dan begitu seterusnya, anda tinggal menyesuaikan berapa jumlah folder yang akan anda langkahi.

Nah Bagaimana…? apakah sekarang kamu sudah mengerti bagaimana Cara Penulisan Lokasi File? Mungkin itu saja tulisan yang membahas tentang Cara Penulisan Lokasi File/Gambar di HTML, jika terdapat kekurangan ataupun kesalahan dalam penulisan mohon di maafkan dan perbaiki atau lengkapi saja jika terdapat kesalahan. Kalau memang tulisan ini bermanfaat tidak ada salahnya jika men-Sharenya kepada teman kamu yang lain, sekian dan terimakasih.

1 Response to "Cara Penulisan Lokasi File / Gambar di HTML"

  1. makasih membantu sekali dalam hal pngerjaan tugas kuliah saya

    ReplyDelete

= > Silahkan berkomentar sesuai artikel diatas
= > Berkomentar dengan url ( mati / hidup ) tidak akan di publish

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel