Lokasi Berkas HTML

Laluan Penerangan
<img src="picture.jpg"> picture.jpg terletak di dalam folder yang sama seperti halaman semasa
<img src="images/picture.jpg"> picture.jpg terletak di dalam folder images di folder semasa
<img src="/images/picture.jpg"> picture.jpg ialah di dalam folder images di root direktori laman semasa
<img src="../picture.jpg"> picture.jpg berada di folder yang diatas folder saat ini di dalam folder images

Lokasi Berkas HTML

Jalur berkas mendeskripsikan lokasi berkas di struktur folder situs web.

Jalur berkas digunakan saat menghubungkan berkas eksternal melalui tautan:

  • Laman Web
  • Gambar
  • Tabel Gaya
  • JavaScript

Jalur Berkas Absolut

Jalur berkas absolut adalah URL yang lengkap yang mengarah ke berkas Internet:

Contoh

<img src="https://www.codew3c.com/images/picture.jpg" alt="bunga">

Tanda <img> serta atribut src dan alt dijelaskan di bab Gambar HTML.

Jalur yang Relatif

Jalur yang relatif mengarah ke berkas yang berada di luar halaman saat ini.

Dalam kasus ini, jalur berkas mengarah ke berkas yang berada di folder images di dalam root laman web saat ini:

Contoh

<img src="/images/picture.jpg" alt="bunga">

Dalam kasus ini, jalur berkas mengarah ke berkas yang berada di folder images di dalam folder saat ini:

Contoh

<img src="images/picture.jpg" alt="bunga">

Dalam kasus ini, jalur berkas mengarah ke berkas yang berada di folder yang diatas folder saat ini di dalam folder images:

Contoh

<img src="../images/picture.jpg" alt="bunga">

Kebiasaan yang Baik

Penggunaan jalur yang relatif adalah kebiasaan yang bagus (jika mungkin).

Jika digunakan jalur yang relatif, laman web Anda tidak akan diikat dengan URL dasar saat ini. Semua tautan dapat beroperasi dengan baik di komputer Anda (localhost) atau di domain publik mendatang.