40 – Html Dosya Yolu
Dosya yolu sayfamızın, resmimizin veya bir dosyamızın nerede bulunduğunun bilgisini verir.
Örnek olarak bir stil dosyamızın yolu, javascript dosyamızın yolu, bir resmimizin yolu veya bir video, başka bir web sayfasının yolu olabilir.
Dosya yolu nasıl gösterilir?
| Kullanım | Açıklama |
|---|---|
| <img src=”resim.png”> | resim.png dosyası geçerli sayfa ile aynı yerde bulunuyorsa |
| <img src=”resimler/resim.png”> | resim.png dosyası geçerli sayfa ile aynı yerde bulunan resimler klasöründe blunuyorsa |
| <img src=”/resimler/resim.png”> | resimler klasörü sitenin kök klasöründe bulunuyorsa |
| <img src=”../resim.png”> | resim.png dosyası geçerli sayfanın bir üst klasöründe bulunuyorsa |
| <img src=”..resimler/resim.png”> | resim.png dosyası geçerli sayfanın bir üst klasöründe resimler içerisinde ise |
Absolute File Paths – Mutlak Dosya Yolları
Mutlak dosya yolu bir dosyanın nerede bulunuyorsa yolunu tam olarak yazmaktır.
Örneğin yazilimdili.net sayfasının içerisinde logoya ulaşmak istiyorsam;
<img src=”https://www.yazilimdili.net/wp-content/html/html-ornek/resim/logo.png”> şeklinde dosya yolunu belirtebilirim.
Bu yol kendi web sayfamız içerisinde başka bir siteden resim vb. alıyorsak uygundur.
Örnek
Relative File Paths – Göreceli Dosya Yolu
Göreceli dosya yolu web sayfasının konumuna göre dosya yolunu belirler.
Kendi web sayfamız içerisinde bu yolu kullanmak daha doğrudur.
Örnek Olarak;
Örnek
<img src="resim/logo.png">