Kidhibiti cha picha - img tag

Orodha ya maudhui:

Kidhibiti cha picha - img tag
Kidhibiti cha picha - img tag
Anonim

Picha haijaingizwa moja kwa moja kwenye maandishi. Kivinjari kinaambiwa jina lake na kuelekezwa wapi na jinsi ya kuiweka kwenye skrini. Ili kufanya hivyo, tumia lebo moja ya img ya HTML. Inabainisha eneo la kitu cha picha kwenye ukurasa wa wavuti.

Ikiwa sifa nyingi ni za hiari kwa lebo, basi lebo ya img lazima iwe na angalau kigezo kimoja - anwani ya picha. Sifa hii inaitwa src:

  • - hii itaonyesha faili ya goat-j.webp" />
  • - kwa kigezo hiki cha lebo ya img, kivinjari kitapakia picha iliyowekwa kwenye Mtandao kwenye tovuti ya megasellmag.ru.

Sifa za mpangilio

Kuweka picha kwenye ukurasa kwa kutumia HTML, lebo ya img inatumiwa, sifa ambazo zinawajibika kwa kuweka picha kwenye ukurasa na asili ya ufungaji wake wa maandishi.

lebo ya img
lebo ya img

Kwa chaguo-msingi, kivinjari huweka picha katikati ya skrini, na maandishi hayaizunguki. Lebo ya img itakuruhusu kueleza kutokubaliana kwako na kivinjari kwa kutumia sifa ya kupanga (mpangilio).

- picha itawekwa kwenye ukingo wa kushoto wa ukurasa, na maandishi yataizunguka upande wa kulia.

Tabia ya maandishi itakuwa sawa ikiwa picha itawekwa upande wa kulia (panga=kulia), katikati (panga=katikati), juu (panga=juu), chini.(panga=chini) na katikati (katikati).

Mipangilio na ukubwa

Ili kuzuia maandishi kuingia kwenye picha, lebo ya img imepata sifa maalum -hspace (pembezo za mlalo/mlalo) na vspace (pembezo wima/wima), ambazo huamua kiasi cha ujongezaji wa maandishi kutoka kingo za picha katika pikseli.

sifa za lebo ya img
sifa za lebo ya img

Picha haitasonga kwa utiifu kutoka kwa maandishi kwa kiwango kilichobainishwa tu, bali pia itasogea mbali na ukingo wa ukurasa, kwa hivyo ni vyema uepuke ujongezaji wa ndani mkubwa.

Vipimo vya kijiometri vya picha ni muhimu sana, ambavyo si vya kuhitajika tu, lakini wakati mwingine ni muhimu kubainisha kwa onyesho sahihi la picha. Kwa hili, upana wa sifa (upana) na urefu (urefu) hutumiwa, thamani ambayo imewekwa katika pikseli au asilimia.

Ukibainisha upana pekee, urefu utachaguliwa kiotomatiki kwa uwiano asilia. Asilimia ya ukubwa hukuruhusu kuweka picha katika sehemu ya kulia ya ukurasa, bila kujali ukubwa wa dirisha la kivinjari, na hitaji hili mara nyingi hutokea.

Chaguo zingine

Sifa ya mpaka huambatanisha picha katika fremu ya unene uliobainishwa, jambo ambalo kivinjari hakifanyi kama chaguomsingi.

Mpaka pia unaweza kuwa na upana wa sifuri unaoonekana kutokuwa na maana (mpaka='0'), lakini hiyo ni hadi picha iwe kiungo, wakati kivinjari huizunguka kiotomatiki kwa mpaka wa bluu bila kusubiri maagizo.

Baadhi ya watumiaji wasio na subira, waliokerwa na kasi ya chini ya mtandao, watazima onyesho la picha kwa urahisi. Kwa matukio hayo, parameter ya alt hutolewa, ambayo inakuwezesha kuingiamaandishi mbadala ambayo mtumiaji ataona kwenye kisanduku ambacho picha ina haraka ya kupakiwa.

Ikiwa hupendi uwezekano wa kigezo cha alt, lebo ya img inaweza kutoa sifa ya longdesc, ambayo thamani yake ni URL ya hati yenye maelezo ya kina zaidi.

Sifa za usemap na ismap huambia kivinjari kuwa picha itakuwa picha ambayo viungo ni maeneo tofauti (ramani ya kiungo), kigezo cha usemap pekee ndicho huamua ramani ya kusogeza kwenye seva, na ismap - ramani imewashwa. upande wa mteja.

Maelezo ya kiungo cha 1 kwenye mchoro ulio hapa chini:

html img tag
html img tag

Vitu vya kigeni

Sifa ya lowsrc inaelekeza kivinjari kwanza kupakua nakala (au nyingine mbadala) ya picha asili yenye ubora wa chini na, kwa hivyo, "nyepesi zaidi". Ujanja huu hutolewa katika kesi ya kasi ya chini ya mtandao kwa mtumiaji. Picha asili, inapopakiwa, inachukua nafasi ya "bandia".

Sifa ya galleryimg isiyozoeleka sana ya tagi ya img huomba paneli dhibiti ya picha (ikielea juu), kukuruhusu kufungua folda chaguomsingi ya Picha Zangu na kuchapisha, kuhifadhi au kutuma picha hiyo kwa barua pepe. Unaweza kuzima kidirisha kwa kuweka kigezo cha galleryimg kuwa hapana/sivyo, na kuiwasha kwa kuweka ndiyo/kweli.

Katika vipimo vipya vya HTML5, idadi ya lebo zimeacha kutumika. Kwa mfano, lowsrc, mpaka, longdesc, na sifa za jina za img zimeondolewa.

Ilipendekeza: