Jalur File (File Paths) di HTML

Dalam HTML, kita sering perlu merujuk ke file lain seperti gambar, file CSS, atau file JavaScript. Untuk itu, kita harus menuliskan path (jalur) file tersebut dengan benar.

Jenis Path di HTML

1. Relative File Paths (Path Relatif)

Relative path mengacu ke lokasi file relatif terhadap lokasi file HTML saat ini.

<img src="images/kucing.jpg" alt="Kucing Lucu" />

• images/kucing.jpg berarti file kucing.jpg berada dalam folder images yang satu level dengan file HTML saat ini.

2. Absolute File Paths (Path Absolut)

Path absolut menggunakan URL lengkap untuk merujuk file dari domain tertentu.

<img
  src="https://www.mulaicode.com/images/kucing.jpg"
  alt="Kucing dari URL"
/>

3. Parent Folder (../)

Gunakan ../ untuk menelusuri ke folder satu tingkat di atas lokasi file HTML saat ini.

<img src="../gambar/logo.png" alt="Logo dari folder atas" />

Tabel Ringkasan File Path

Tips

• Gunakan path relatif untuk file yang masih dalam satu proyek.
• Gunakan path absolut jika file berasal dari domain lain.
• Selalu cek struktur folder agar path yang digunakan sesuai.