Mafano ya HTML

njia kuonekana
<img src="picture.jpg"> picture.jpg iko katika dosari iliyofanana na wasifu hii
<img src="images/picture.jpg"> picture.jpg iko katika dosari ya picha ya kawaida hii
<img src="/images/picture.jpg"> picture.jpg kwa dosari ya picha ya sitedi hivi ya kawaida
<img src="../picture.jpg"> picture.jpg ina uwanja wa kipande cha kina cha dosari yako

Mafano ya HTML

Njia ya faili inaeleza eneo la faili katika mabonde ya tovuti.

Njia ya faili inatumiwa kwenye mawendo ya nje ya faili:

  • Tovuti
  • Picha
  • Makina ya Usafi
  • JavaScript

Njia ya faili ya pekee

Njia ya faili ya pekee ina uwanja wa URL kamili ya faili ya intaneti:

Mfano

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

Tovuti ya <img> na ukingo wa src na alt imewaonyesha katika kitabu cha mifano ya picha ya HTML.

Mawendo ya kina

Mawendo ya kina yana uwanja wa faili kwenye ukurasa huu.

Kwenye mafano hii, njia ya faili inatoa maelezo kwa faili iliyopo katika kikwetu cha kina cha tovuti hii:

Mfano

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

Kwenye mafano hii, njia ya faili inatoa maelezo kwa faili iliyopo katika kikwetu cha ndani ya dosari ya hivi karibuni:

Mfano

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

Kwenye mafano hii, njia ya faili inatoa maelezo kwa faili iliyopo katika kikwetu cha kipande cha ndani ya dosari ya hivi karibuni:

Mfano

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

Habari gani

Kutumia mawendo ya kina ni habari gani (ikiwa inaweza).

Ikiwa ilitumika nje ya mawendo, tovuti yako ayasababishwa kuijumuishwa na URL ya msingi wa tovuti hii. Mawendo yote katika kompyuta yako (localhost) au eneo la umma wa baadaye yana kufaa kwa kuzikwa kwa mawendo.