HTML Dosya Yolu
- Önceki Sayfa HTML JavaScript
- Sonraki Sayfa HTML Başlık
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.
- Önceki Sayfa HTML JavaScript
- Sonraki Sayfa HTML Başlık