HTML Dosya Yolu

Yol Açıklama
<img src="picture.jpg"> picture.jpg mevcut web sayfasının aynı klasöründe bulunmaktadır
<img src="images/picture.jpg"> picture.jpg mevcut klasördeki images klasöründe bulunmaktadır
<img src="/images/picture.jpg"> picture.jpg 当前站点 kök dizininde images klasöründe
<img src="../picture.jpg"> picture.jpg mevcut klasörün bir üst düzey klasöründe bulunmaktadır

HTML Dosya Yolu

Dosya yolu, web sitesi klasör yapısında belirli bir dosyanın konumunu açıklar.

Dosya yolu, dış dosyaları bağlarken kullanılır:

  • Web Sayfaları
  • Görseller
  • Stil Sayfaları
  • JavaScript

Mutlak Dosya Yolu

Mutlak dosya yolu, bir İnternet dosyasına yönlendiren tam URL'dir:

Örnek

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

<img> etiketi ve src ve alt özellikleri HTML resim bölümünde anlatılmıştır.

Göreli Yol

Göreli yol mevcut sayfaya göre dosyaları işaret eder.

Bu örnekte, dosya yolu mevcut web sitesi kök dizinindeki images klasöründeki bir dosyaya işaret etmektedir:

Örnek

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

Bu örnekte, dosya yolu mevcut klasördeki images klasöründeki bir dosyaya işaret etmektedir:

Örnek

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

Bu örnekte, dosya yolu mevcut klasörün bir üst düzey klasöründe bulunan images klasöründeki bir dosyaya işaret etmektedir:

Örnek

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

İyi Alışkanlık

Göreli bir yol kullanmak iyi bir alışkanlıktır (mümkünse).

Eğer göreli bir yol kullanıldıysa, web sayfanız mevcut temel URL ile bağlanmayacaktır. Tüm bağlantılar bilgisayarınızda (localhost) veya gelecekteki kamu alanında normal çalışır.