Jalur File HTML
Jalur file menjelaskan lokasi file dalam struktur folder situs web.
Contoh Jalur File
| Jalur | Keterangan |
|---|---|
| <img src="gambar.jpg"> | File "picture.jpg" terletak di folder yang sama dengan halaman saat ini |
| <img src="gambar/gambar.jpg"> | File "picture.jpg" terletak di folder gambar di folder saat ini |
| <img src="/images/picture.jpg"> | File "picture.jpg" terletak di folder gambar di root web saat ini |
| <img src="../gambar.jpg"> | File "picture.jpg" terletak di folder satu tingkat dari folder saat ini |
Jalur File HTML
Jalur file menjelaskan lokasi file dalam struktur folder situs web.
Jalur file digunakan saat menautkan ke file eksternal, seperti:
- Halaman web
- Gambar-gambar
- Lembar gaya
- JavaScripts
Jalur File Absolut
Jalur file absolut adalah URL lengkap ke file:
Contoh
<img src="https://www.w3schools.com/images/picture.jpg"
alt="Mountain">
Tag <img> dijelaskan dalam bab: Gambar HTML .
Jalur File Relatif
Jalur file relatif menunjuk ke file yang relatif terhadap halaman saat ini.
Dalam contoh berikut, jalur file mengarah ke file di folder gambar yang terletak di akar web saat ini:
Contoh
<img src="/images/picture.jpg"
alt="Mountain">
Dalam contoh berikut, jalur file menunjuk ke file di folder gambar yang terletak di folder saat ini:
Contoh
<img src="images/picture.jpg"
alt="Mountain">
Dalam contoh berikut, jalur file menunjuk ke file di folder gambar yang terletak di folder satu tingkat dari folder saat ini:
Contoh
<img src="../images/picture.jpg"
alt="Mountain">
Praktek terbaik
Ini adalah praktik terbaik untuk menggunakan jalur file relatif (jika memungkinkan).
Saat menggunakan jalur file relatif, halaman web Anda tidak akan terikat ke URL dasar Anda saat ini. Semua tautan akan berfungsi di komputer Anda sendiri (localhost) serta di domain publik Anda saat ini dan domain publik Anda di masa mendatang.