Giri┼č yap

HTML'de Dosya Yollar─▒

Bu konu asl─▒nda ├Ânemsiz gibi g├Âz├╝ksede HTML derslerine yeni ba┼člam─▒┼č ki┼čiler genelde resim falan g├Âstermek istediklerinde ┼č├Âyle bir yol veriyorlar;

<img src="C:\Users\test\Desktop\a.png">

Bu mant─▒kta sunucuya att─▒klar─▒nda ├žal─▒┼čacaklar─▒n─▒ d├╝┼č├╝n├╝yorlar ancak yan─▒l─▒yorlar. Dosya yollar─▒n─▒ verirken ┼ču ┼čekilde verebiliriz;

Dosya Yolu A├ž─▒klamas─▒
<img src="resim.jpg"> Mevcut klas├Âr ile ayn─▒ yerde bulunan resim.jpg dosyas─▒n─▒ ├ža─č─▒r─▒r.
<img src="img/resim.jpg"> Mevcut klas├Âr├╝n alt─▒nda bulunan img klas├Âr├╝ i├žerisindeki resim.jpg dosyas─▒n─▒ ├ža─č─▒r─▒r.
<img src="/img/resim.jpg"> Ana klas├Âr├╝n alt─▒ndaki img klas├Âr├╝ i├žerisindeki resim.jpg dosyas─▒n─▒ ├ža─č─▒r─▒r. Bir ├╝sttekinden fark─▒ e─čer ba┼č─▒na / geliyorsa bu ana dizini temsil ediyordur. ├ľrne─čin bu sitenin ana dizini https://prototurk.com'dur yani /img/test.jpg dersem asl─▒nda ┼ču demek oluyor https://prototurk.com/img/test.jpg
<img src="../resim.jpg"> Mevcut klas├Âr├╝n bir ├╝st klas├Âr├╝nde bulunan resim.jpg dosyas─▒n─▒ ├ža─č─▒r─▒r.
<img src="https://prototurk.com/resim.jpg"> Bu ise verilecek en net yoldur ancak gereksiz uzundur bunun asl─▒nda birebir ayn─▒s─▒ /resim.jpg buna e┼čittir.

HTML'de dosya yollar─▒n─▒ genelde ┼čunlar i├žin belirleme ihtiyac─▒ duyuyoruz;

  • HTML sayfalar─▒
  • G├Ârseller
  • CSS Dosyalar─▒
  • JavaScript Dosyalar─▒
  • vb.

HTML'de Varsay─▒lan Yolu Belirlemek

HTML'de varsay─▒lan yolu belirlemek i├žin <base> etiketi kullan─▒l─▒r. Ve kodlar─▒m─▒zda <head> etiketi i├žerisine yaz─▒l─▒r. ├ľrnek vermek gerekirse;

<head>
    ..
    <base href="https://prototurk.com">
    ..
</head>

Bunu yapt─▒ktan sonra art─▒k ben <img src="upload/img/resim.jpg"> ┼čeklinde kullan─▒rsam asl─▒nda ┼ču ┼čekilde yorumlanacak bu; <img src="https://prototurk.com/upload/img/resim.jpg">

Yani kesinlik vermek ad─▒na bu etiketi sayfalar─▒m─▒zda kullanabiliriz. ┼×u an kendi bilgisayar─▒n─▒zda ├žal─▒┼č─▒yor olabilirsiniz ancak ilerleyen s├╝re├žte kendinize bir hosting ya da sunucu alman─▒z gerekecek ki yapt─▒─č─▒n─▒z web sayfalar─▒n─▒ yay─▒nlayabilin. ─░┼čte o gibi durumlarda bu etiket i┼činize yarayacakt─▒r. ┼×u an bu sitenin kaynak kodlar─▒na bakarsan─▒z ayn─▒ kodu g├Âr├╝rs├╝n├╝z. Kayna─č─▒ g├Âr├╝nt├╝lemek i├žin Windows'ta CTRL + U, macOs'ta command + option + u kombinasyonunu kullanabilirsiniz.

Tayfun Erbilen
13 g├╝n ├Ânce yazd─▒.