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.

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

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"/>

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.