Menyisipkan gambar dengan Attribut tag <image> sudah kita pelajari akant tetapi untuk menyisipkan gambar yang tidak satu folder dengan html kita belum belajar. Nah tidak ada perbedaan yang rumit dari menyisipkan gambar yang berada tidak satu folder dengan html kita. Hanya perbedaan kecil saja yaitu tepat di nama lokasi yang perlu kita deskripsikan.
Implementasi Penggunaan Tag Image dengan Memberi Letak Folder / Directory
Hampir sama dengan post kami tentang menyisipkan gambar kedalam web browser dengan HTML hanya saja untuk srcnya kita harus menambahkan letak directory atau foldernya. perhatikan gambar dibawah ini
Nah disana saya punya html yang saya taruh di desktop, tetapi saya ingin menyispkan gambar yang ada di directory C:\Documents and Settings\All Users\Documents\My Pictures\Sample Pictures gambar sunset.jpg . Perhatikan script dibawah ini
Ini yang terjadi apabila gambar tidak berada di dalam satu folder dengan HTML yang kita buat, dan kita tidak memberi letak folder gambar tersebut. Nah agar gambar bisa kita tampilkan maka kita harus mengopy url yang ada ditatas windows explore. dan meletakkannya di src. perhatikan gambar dibawah ini
Perhatikan URL yang ada di gambar kanan yang saya beri tanda kotak merah, URL tersebut saya copykan ke tag yang ada di sebelah kiri, di tag <image src=""> dan ditambahi nama gambar berserta extensionnya. seperti gambar diatas. Setelah anda lakukan maka hasilnya adalah seperti berikut.
Nah semoga artikel singkat ini membantu untuk Menyisipkan Gambar Yang Berada di Folder. Semoga bermanfaat
Posting Komentar