Jinsi ya HTML kuingiza mchoro, picha. Jinsi ya kuweka picha HTML kwa kompyuta katikati, meza

sehemu ya Visual ni moja ya muhimu zaidi wakati wa kufanya kazi na tovuti. Bila shaka, utendaji ni duni, lakini pia kutupa mbali na ni lazima kuwa akaunti. Hebu majadiliano juu ya jinsi ya kompyuta kwa tovuti kufunga HTML picha. Uwezekano moja kwa ajili ya hii hutolewa, au kadhaa? Jinsi ya HTML kuweka picha kwamba watu wengine wameona hilo? Nini bora ya matumizi - PC au server?

HTML ni nini?

Markup Language nyaraka HyperText - kwamba kifupi alisimama kwa. Na hayo zilikuwa uti wa mgongo wa tovuti ya baadaye, hapa ni kazi kuweka mambo kuu. Kisha kuanzisha kuachia karatasi style, na php files-kwamba ni wajibu wa maambukizi ya data. Lakini katika moyo wa ukurasa ni HTML. Pamoja na hayo, kwa njia, picha kuweka. Kuna njia nyingine, lakini kama unataka kutoa malipo ya awali ya kitu rahisi, kama vile kuchora, kutumia jina lake. Na sasa hebu hoja kufafanua swali kwa HTML kuweka picha.

Kwa kutumia img tag

Kupata na matumizi ya graphics. Jinsi ya kuingiza picha background ya HTML hati? Na kwanza kabisa maana kwamba faili kama kuingiza katika ukurasa kitu. Kwa hapa pamoja hii na ni kutumika img. Lebo hii ni mambo line, ambapo maudhui ni displaceable. Inajumuisha zote nne za mfumuko Nakala Markup Language. Moja - ni src, urefu na upana, wao kuchukuliwa zaidi. wengine watatu - kitu hicho, kupachika (kuingiza vyombo vya habari maudhui) na iframe (matumizi ya moto). Tag anafanya kazi kama kama ina line bidhaa. tofauti tu - ni kutumika bila ruhusa ya nje bidhaa, ambayo ni kuonyeshwa. Na ni lazima chama na faili kwamba, kwa kweli, itakuwa kubeba. Kama una swali, jinsi ya kuingiza picha background katika HTML, ni vyema kutupa yake. Kwa sababu ni mapenzi kuonyeshwa tu wakati kazi ya kompyuta yenyewe, ambayo picha iko.

Kwa kutumia src sifa

Kwa hiyo, sisi ni kuzingatia suala la jinsi ya kuingiza hati HTML kwa mfano graphic. Kubainisha njia ya picha, ambayo ni ya kubeba, kwa kutumia src. mpango wa jumla ni kama ifuatavyo: unahitaji kutumia sifa hii, alama ya usawa na kuingia barua.

Mara baada ya kuchanganua HTML browser suala la tag, itakuwa mara moja kujenga eneo ambalo kipengee itaonekana. Ni katika yeye na kupakia faili ya nje. njia haipaswi kuwa na makosa, kwa kuwa ni kwa ajili yake kwenda mpango. Na kama yeye hana kupata faili, itakuwa kuonyesha makosa icon ambayo si sana aesthetically kupendeza na inaonekana. Jinsi ya kuingiza picha katika meza HTML-hati? Ni muhimu kusajili code wote katika eneo sahihi.

Kurekebisha picha kwenye server: urefu na upana wa tag img

Hivyo tunajua jinsi ya HTML kuweka picha. Acheni sasa tuchunguze jinsi ya kusanidi yake. Mara baada ya faili ni kupakuliwa kwa mtumiaji anapoanza kompyuta, itakuwa mara moja defined ukubwa wa picha. Na nini kama haina uhusiano na vigezo ya awali ya taka? Katika hali hii, vigezo inaweza kusaidia urefu na upana (idadi ya saizi). Katika kesi hii, kanuni itakuwa eda kama ifuatavyo: kwanza, src na anuani ya faili. Kisha na miundo sawa unahitajika upana, na kile lazima upana. Na mwisho - urefu na urefu. Webmasters mara nyingi kufanya kosa: server kupakia faili kubwa ambao kawaida ni megabytes kadhaa. Kinachotakiwa njia, na kurekebisha picha ya ukubwa wa taka. Kwa sababu hiyo, mtumiaji anaweza kutafakari kama kabisa polepole kubeba picha ndogo. Hii si rufaa sana kuangalia kutoka nje.

Mapendekezo kwa ajili ya kazi

Ili kuepuka hasi mapema kupunguza ukubwa wa picha. Kama huna uhakika ambayo chaguzi zinahitajika kwa ajili ya kuonekana kuvutia, kufanya nakala na majaribio na hayo. Pia, huduma zichukuliwe kwa njia ya usimamizi wa uzito. Ni muhimu kufanya bila ubora kupoteza uzito kupunguza faili za picha na kubadilishwa kwa upanuzi nyingine au kwa kutumia maalum huduma za mtandaoni na programu. Ni mzuri si tu kwa ajili ya watumiaji wa tovuti, lakini pia webmaster - kwa sababu faili kama hizo itakuwa kubeba kwa kasi na kuchukua nafasi kidogo kwenye hosting.

uwezo Mfano kurekodi

Hebu angalia jinsi gani unaweza kuweka njia ya picha:

1. Faili moja jina.

2. Kumbuka picha anwani iko kwenye kompyuta moja ndani (server).

3. Kina njia ya eneo la faili kwenye jeshi mbalimbali.

Wakati wa kutumia mfano wa aya ya kwanza ya picha lazima kuwa katika saraka sawa na picha. eneo la pili ni subfolder jamaa ukurasa wa sasa. mfano wa tatu inabainisha njia kamili pa kupata picha unataka. Katika kesi ya pili, kumbuka kuwa picha inaweza kuwa kwenye server yoyote (ikiwa matumizi hayo si marufuku katika faili htaccess). Hata hivyo, kama ni kuondolewa, na picha kwenye tovuti yako hupotea. HTML ni hulka ambayo inahitaji uwepo wa tu hati ya kuashiria kiurahisi, na kila kitu kingine inaweza kupakiwa upande server. Mbinu hizi mara nyingi hutumika kuongeza download kasi (lakini unahitaji kujua jinsi ya kutumia zana hii).

Uteuzi wa alt na cheo kwa img?

Nini cha kufanya wakati faili ya picha, kwa sababu yeyote ile, si kubeba na hati HTML? Kama ni makosa kwenye njia yako au kitu kingine chochote, alt sifa zitumike. Ana wajibu wa kuwasilisha picha mbadala. Hapa sisi kudhani kwamba graphics si kubeba. Lakini browser bado kuunda eneo la chini ya picha. Pia ni muhimu katika kesi ambapo mtumiaji anatarajia podgruzki, na lazima kuonyesha yeye mpango ni tayari kukubali ratiba.

Kuonyesha maandishi kuandamana, maalum sifa cheo. Kwa kweli, hii tooltip, na unaweza kuitumia kwa ajili ya karibu yoyote ya kuona kipengele HTML-code. Hii ni nzuri kwa sababu inaruhusu kueleza mambo fulani. Kutumia mbili inavyoonekana katika sifa hii kichwa kidogo ni kama ifuatavyo: katika mfano hapo juu baada ya urefu wa kwanza inaingia alt, na kisha jina.

Zaidi ya hayo, sifa hizi haziwezi kutumika tu kujenga urahisi kwa wageni. Wanaweza kuwa na athari chanya katika kukuza tovuti. Kwa hiyo, hii lazima iwekwe katika matumizi yao ya maneno. Hii kuboresha cheo ya rasilimali katika orodha ya tovuti na huduma images injini ya utafutaji. Lakini katika yote unapaswa kuwa makini na uwiano mzuri.

align picha

Kwa picha, na kwa ujumla kila 4 ya mambo lugha ya kuashiria kiurahisi kwamba walikuwa zilizotajwa hapo awali, ilianzishwa na align sifa. Pamoja na hayo, unaweza kubadilisha eneo la picha. By default, ni iliyokaa na makali ya chini. Kwa ni katika chini. Na jinsi ya kufanya utafutaji juu? Hii inahitaji juu. Katika mazoezi, hii kuangalia kama hii: baada src, ambapo anwani ya picha inaonyesha, kuongeza sifa align na thamani yake.

Na katika mstari, ambapo kuna picha, itakuwa kuendana na makali ya juu. Jinsi ya HTML kuingiza picha katika kituo? Kuna moja zaidi nafasi ya kuandika - kati. Wakati wa kutumia haina kimsingi kubadilisha chochote. Wakati wa kutumia kama kanuni muundo itakuwa iliyokaa katikati. Unaweza pia kufanya kufungia maandishi kuzunguka picha. Ili kufanya hivyo, sifa ya kulia na kushoto kuomba. inakuwa "floating" Katika hali kama hizo picha. Offset wa kushoto kuonekana kama vile tahajia nyingine. Kwa kutumia haki kutoa matokeo sawa na tofauti kwamba picha zitawekwa upande wa kulia. matumizi ya maelekezo haya ina nuances mwenyewe. Hivyo, tatizo kubwa ni karibu sana ukaribu wa maandishi na picha. Kwa sababu ya hii ni iliyoundwa athari sticking, ambayo ni badala baya kwa jicho. Lakini hii inaweza kurekebishwa kwa kutumia kuachia style karatasi au HTML-code. Matumizi ya kama mabadiliko vspace na hspace sifa. kwanza huweka padding juu na chini, na wa pili - upande wa kulia na upande wa kushoto.

Tunafanya background

Jinsi ya kuweka picha ya tovuti HTML-ukurasa? muhimu sana kukamilisha hili ni sifa ya nyuma. Ni sehemu ya mwanachama mwili. Madhumuni yake - kuonyesha njia ya faili ya picha, ambayo inapaswa kujaza ukurasa, meza au seli moja. Katika mazoezi, matumizi ni kama ifuatavyo: rejista picha mahali na thamani bodybackground parameter. picha ya mandhari ni kuweka kwa njia ya mara kwa mara pamoja mihimili ya ordinates na abscissas, kuanzia juu kushoto kona. gati Previous hapa kufuatwa. Kama unataka kujaza kitu rahisi kama rangi moja, badala ya kutumia picha, unaweza kutumia hii maelezo mafupi: Idadi kipimo hiki maalum kama kigezo tabia kwa mwili Bgcolor. Hapa kulikuwa na mabadiliko madogo. Kama unavyoona, tayari inatumika Bgcolor sifa. Kwa hiyo ni required tu kutaja nini rangi itakuwa kujazwa na ukurasa au sehemu yake. Hapa ni jinsi ya kuweka picha HTML kwa kompyuta ili iwe historia na mabadiliko ya rangi. Kwa ujumla, ili kujifunza kikamilifu HTML, muda wa kutosha kutoa kwa wiki, na hii ni zaidi ya kutosha.

hitimisho

HTML, ingawa inaweza kudai kuwa full-fledged programu lugha, hata hivyo, ni muhimu sana wakati wa kuunda tovuti. Yeye ni mfupa wa kweli. Na tunaweza kusema kwa kujiamini, sasa unajua, kama sisi kazi na background na picha fasta, na ambatisha yao kwa viungo. Hivyo jibu la swali la jinsi ya kuweka picha katika HTML, lazima iwe wazi.