HTML <img> src mafungu

Tafili ya <img> ya HTML

Muhtasari na matumizi

Inahitajika src Mafungu wa picha wa HTML <img> src

Kuna njia mbili za kusababisha URL kwenye mafungu: src Inasababisha URL kwenye mafungu:

1. URL ya kina bora - Kukurusha picha iliyotakiwa kwenye tovuti nyingine. Mfano:

src="https://www.codew3c.com/images/img_girl.jpg"

Taradhishe:Picha ya nje ya tovuti inaweza kuwa na haki ya chakula. Ikiwa hawafikii rafiki wa haki ya kutumia, inaweza kumtangaza sheria ya haki ya chakula. Pia, hawawezi kusimamia picha ya nje ya tovuti; inaweza kufikia kwa uharibifu ama kubadilishwa kwa uharibifu.

2. URL ya kina bora - Kukurusha picha iliyotakiwa kwenye tovuti.

Kwenye hii, URL haukuwa na jina la eneo la kijifungu. Ikiwa URL hauanza na ukanda, hii itakuwa kina bora kwa ukurusha wa sasa. Mfano:

src="img_girl.jpg".

Ikiwa URL ina kuanzia na ukanda, hii itakuwa kina bora kwa jina la eneo la kijifungu. Mfano:

src="/images/img_girl.jpg".

Tahadhari:Kwa uwezo, kuitumia URL ya kina bora. Ikiwa unapunguza jina la eneo la kijifungu, haukutathirika kwa kina cha kirefu.

Taradhishe:Ikiwa kifungu cha kijifungua haukutafika picha, kifungu cha kina cha kirefu na matukio ya alt haukutafika.

Tahadhari:Kwa sababu ya usalama wa hifadhi ya andiko, waandishi kwa kawaida hupata dosari ya picha kwenye dosari yenye jina kama "pics" au "images" kama jina. Kwenye mafunzo ya CodeW3C.com, waandishi wetu waliweka picha zaidi ya kawaida kwenye dosari yenye jina "i", ambao ni kifupi cha "images", kwa sababu hii inafanya njia ya kufikiria nje ya dosari kwa njia ya kizuri.

Mifano

Kwa matokeo ya hii, tunachangia ukurusha picha ya tulipani iliyotakaamwa na wa CodeW3C.com katika Mwaka wa Njaa ya Shanghai, jina la faili ni "eg_tulip.jpg", ilikuwa katika dosari ya "i" kwenye serveri. Hii ni kwa kina:

<img src="/i/eg_tulip.jpg" />

Madai ya programu ya juu ni:


Jaribu kwenye mawasiliano

Tahadhari:Unaweza kutumia kifaa cha mawasiliano yetuJaribu kwenye mawasilianoKama unafanyia mabadiliko kwa jina la faili kwa "eg_chinarose.jpg", unaweza kuona picha ya rosyu ya kichwa. Kama hii:

Makua ya msingi:

<img src="/i/eg_chinarose.jpg" />

Madai ya programu ya juu ni:

Makala ya kiingilizi

<img src="URL">

Mivuno ya sababu

Mivuno Maelezo
URL

Inasababisha URL ya picha.

Mivuno yaliyopangwa:

  • URL inayohusiana na tovuti nyingine (kama src="http://www.example.com/image.gif")
  • URL inayohusiana na mawasiliano (kama src="image.gif")

Muungano wa kifungu

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Msaada Msaada Msaada Msaada Msaada

Tafili ya <img> ya HTML