Lokasi Berkas HTML

Jalur Deskripsi
<img src="picture.jpg"> picture.jpg Berada di folder yang sama dengan halaman web ini
<img src="images/picture.jpg"> picture.jpg Berada di direktori images di folder yang sama
<img src="/images/picture.jpg"> picture.jpg Berada di direktori images di root direktori situs ini
<img src="../picture.jpg"> picture.jpg berada di folder level atas folder saat ini

Lokasi Berkas HTML

Jalur berkas mendeskripsikan posisi berkas di struktur folder situs web.

Jalur berkas digunakan saat menghubungkan berkas eksternal melalui tautan:

  • Halaman 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 Relatif

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

Dalam contoh ini, jalur berkas mengarah ke berkas yang berada di folder root situs saat ini di dalam folder images:

Contoh

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

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

Contoh

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

Dalam contoh ini, jalur berkas mengarah ke berkas yang berada di folder level atas folder saat ini di dalam folder images:

Contoh

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

Kebiasaan yang Baik

Berburu jalur relatif adalah kebiasaan yang bagus (jika memungkinkan).

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