HTML File Path

File path adalah cara untuk mendeskripsikan lokasi suatu file berdasarkan struktur foldernya.

Misal nih, kamu pengguna Windows. Ada Local Disk D, terus ada folder A, dalam folder A ada folder B. Maka file pathnya adalah D > A > B.

File path digunakan untuk menghubungkan halaman html dengan file luar, seperti: gambar, halaman web lain, video, css, javascript, dll.

Cara penulisan file path ini sama seperti membuat hyperlink di html. Ada dua jenis file path, yaitu:

Absolute file path

Ditulis full dengan URL situs awalnya. Contoh:

<img src="https://puntadewa.my.id/wp-content/uploads/2020/03/dasar-dasar-di-html-1024x683.jpg"/>

Pada atribut src="" ditulis URL gambar dengan lengkap. Yaitu https://puntadewa.my.id/wp-content/uploads/2020/03/dasar-dasar-di-html-1024x683.jpg

Relative file path

Sedangkan path relative adalah cara menulisnya tidak full, hanya ditulis struktur utamanya saja.

Jika kamu sudah biasa menggunakan terminal linux atau sering menggunakan command promt, maka tidak akan kesulitan.

Contoh PathKeterangan
<img src=”gambar.jpg”>gambar.jpg ada di satu folder dengan halaman html
<img src=”foto/gambar.jpg”>gambar.jpg ada di dalam folder foto yang ada di folder utama yang sama dengan halaman html
<img src=”/foto/gambar.jpg”>gambar.jpg ada di folder foto yang ada di root domain halaman
<img src=”../gambar.jpg”>gambar.jpg ada di satu folder diatas folder halaman web
<img src=”../../gambar.jpg”>gambar.jpg ada di dua folder diatas folder halaman web

Kalau kamu masih bingung, coba tiap file path html kamu praktik dan amati apa yang terjadi.

Leave a Comment