Skip to content

HTML Fayl Yo'llari

Fayl yo'li — bu veb-sayt papkalar tuzilmasida faylning joylashuvini ko'rsatadi.

Fayl Yo'llari Misollari

Yo'lTavsifi
<img src="picture.jpg">"picture.jpg" fayli joriy sahifa bilan bir xil papkada joylashgan
<img src="images/picture.jpg">"picture.jpg" fayli joriy papkadagi images papkasida joylashgan
<img src=picture.jpg">"picture.jpg" fayli veb-sayt ildizidagi images papkasida joylashgan
<img src="../picture.jpg">"picture.jpg" fayli joriy papkadan bir daraja yuqoridagi papkada

HTML Fayl Yo'llari

Fayl yo'li — bu veb-sayt papkalar tuzilmasida faylning joylashuvini ko'rsatadi.

Fayl yo'llari tashqi fayllarga havola berishda ishlatiladi, masalan:

  • Veb sahifalar
  • Rasmlar
  • Style sheets
  • JavaScripts

Mutlaq Fayl Yo'llari

Mutlaq fayl yo'li — bu faylga to'liq URL manzili:

html
<img src="https://www.w3schools.com/images/picture.jpg" alt="Mountain">

<img> teg haqida batafsil: HTML Images bo'limida.

Nisbiy Fayl Yo'llari

Nisbiy fayl yo'li — bu faylga joriy sahifaga nisbatan yo'l.

Quyidagi misolda fayl yo'li veb-sayt ildizidagi images papkasidagi faylga ishora qiladi:

html
<img src=picture.jpg" alt="Mountain">

Quyidagi misolda fayl yo'li joriy papkadagi images papkasidagi faylga ishora qiladi:

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

Quyidagi misolda fayl yo'li joriy papkadan bir daraja yuqoridagi papkadagi images papkasidagi faylga ishora qiladi:

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

Eng Yaxshi Amaliyot

Imkon bo'lsa, nisbiy fayl yo'llardan foydalanish tavsiya etiladi.

Nisbiy fayl yo'llardan foydalansangiz, veb sahifalaringiz joriy bazaviy URLga bog'lanmaydi. Barcha havolalar kompyuteringizda (localhost), joriy va kelajakdagi domenlarda ishlaydi.