Makala ya HTML

Kwa kutumia HTML, inaweza kusonikisha taswira kwenye kitabu.

Mafanikio

Kuingiza taswira
Mafanikio hii inaeleza kusonikisha taswira kwenye ukurasa wa kifunzi.
Kuingiza taswira kutoka eneo lingine
Mafanikio hii inaeleza hata kufikia taswira ya kwenye ukurasa wa kifunzi au server zingine.

（Mafanikio yaliyopo katika ukurasa huu wa chilimo)

Label ya taswira (kifunzi) na kipimo cha msichana (Src)

Kwenye HTML, taswira kinadhatilika na label ya <img>.

<img> ni label ya huzina, inaeleza kwamba hii ina nafasi ya kina peke yake, ina nafasi ya kipimo peke yake na haukuwa na label ya kina.

Ikiwa ni lazima kusonikisha taswira kwenye ukurasa, lazima ueneze kipimo cha msichana (src). src inaeleza "source". Msichana wa kipimo cha msichana ni URL ya taswira.

Inasemekana inafikia kiini cha taswira ni:

<img src="url" />

URL inaeleza eneo la taswira. Ikiwa taswira ya "boat.gif" inapatikana katika katalogi ya images ya www.codew3c.com, URL yake ni http://www.codew3c.com/images/boat.gif.

Kifunzi kinadhatilika kwa taswira katika kitabu cha habari kwa eneo la label ya taswira. Ikiwa unaingiza label ya taswira kati ya mabara ya mawili, kifunzi kinadhatilika kwanza mabara ya kwanza, kisha kinadhatilika taswira, kisha kinadhatilika mabara ya pili.

Mfanyiko wa kipimo cha msichana (Alt)

Inaonyesha maelezo ya kina inayotumiwa kwa sababu ya picha. Inaonyesha maelezo inayotumiwa kwa sababu ya picha inayotumiwa kwa sababu ya kina.

<img src="boat.gif" alt="Kifunzi Kikubwa">

Kama kina haliwezi kutukia picha, maelezo wa kina inaweza kumtangaza maelezo inayotumiwa kwa sababu ya kina. Kina hii inatangaza maelezo inayotumiwa kwa sababu ya kina haliwezi kutukia. Ni tabia mazuri kumwengenea maelezo ya kina kwa kila picha kwenye ukurasa, kwa sababu hii inatumiwa kwa sababu ya kina ya kawaida inaweza kufaa kwa watu wanaoagiza kwa kina ya kawaida.

Mambo ya kawaida - Mafanikio ya kawaida:

Kama ukurasa wa HTML una picha tano, inafaa kuwa na mabaki 11 kuwa ukurasa huu uonekani kwa hali. Kusakinisha mabaki ya picha inatukia wakati, inafaa kusadilisha matumizi ya mabaki ya picha.

Matokeo ya zaidi

Picha ya mabaki ya ukurasa
Matokeo hii inonyesha hatau kumwengenea picha ya kina kama mabaki ya ukurasa.
Kumwengenea picha
Matokeo hii inonyesha hatau kumwengenea picha kwenye maelezo.
Kumwengenea picha
Matokeo hii inonyesha hatau kumwengenea picha kwa sababu ya kina ambalo linaweza kuwa kushangaza kwenye eneo la maelezo.
Kumwengenea ukurasa wa picha
Matokeo hii inonyesha hatau kumwengenea ukurasa wa picha kwa ukubwa zaidi.
Kumwengenea maelezo ya picha
Matokeo hii inonyesha hatau kumwengenea maelezo ya picha kwa sababu ya kina ambalo haliwezi kutukia. Inaonekana kwamba kwa sababu ya kina haliwezi kutukia, kina hii inatangaza maelezo inayotumiwa kwa sababu ya kina. Ni tabia mazuri kumwengenea maelezo ya picha kwa kila picha kwenye ukurasa.
Kumwengenea picha kama kiungo
Matokeo hii inonyesha hatau kutumia picha kama kiungo.
Kumeweka picha ya kimapenzi
Matokeo hii inonyesha hatau kumeweka picha ya kimapenzi ambapo kila eneo linaweza kutumika kama kiungo. Kila eneo ni kiungo kikuu.
Kubadilisha picha ya kina kwa picha ya kimapenzi
Matokeo hii inonyesha hatau kumeweka picha ya kina kama picha ya kimapenzi.

Tebano la picha

Tebano Maelezo
<img> Kumeweka picha.
<map> Kumeweka picha ya kimapenzi.
<area> Kumeweka eneo la kifungu ambalo linaweza kufunguliwa katika picha ya kimapenzi.