Tayang'anani pa tsamba lililonse la intaneti pa intaneti lero ndipo mudzawona kuti akugawana zinthu zina zomwe zimagwirizana. Chimodzi mwa makhalidwe omwe ali nawo ndi zithunzi. Zithunzi zoyenerera zimaphatikizapo zambiri pa webusaitiyi. Zina mwa mafano amenewa, monga chithunzi cha kampani, zimathandizira kusonyeza malowa ndikugwirizanitsa chida cha digito ku gulu lanu.
Kuti muwonjezere chithunzi, chithunzi, kapena zithunzi pa tsamba lanu la intaneti, muyenera kugwiritsa ntchito chikhomo pa tsamba la HTML. Mukuyika chizindikiro cha IMG mu HTML yanu komwe mukufuna kuti zithunzi ziwonetsedwe. Wosakatuli amene akupereka code ya tsamba adzalowetsa chidutswa ichi ndi chithunzi choyenera pomwe pepala likuwonekera. Kubwereranso ku chitsanzo chathu chachinsinsi, apa ndi momwe mungawonjezere chithunzichi pa tsamba lanu:
Zithunzi zazithunzi
Poyang'ana code HTML pamwambapa, mudzawona kuti chinthucho chikuphatikizapo makhalidwe awiri. Chilichonse chazofunika kuti chikhale chithunzichi.
Choyamba choyamba ndi "src". Ichi ndidi fayilo ya fano yomwe mukufuna kuwonetsedwa patsamba. Mu chitsanzo chathu tikugwiritsa ntchito fayilo yotchedwa "logo.png". Izi ndizojambula zomwe msakatuliyu akuwonetsera pamene adasintha malo.
Mudzawonanso kuti pamaso pa fayiloyi, tinawonjezeranso zambiri, "/ zithunzi /". Iyi ndiyo fayilo njira. Poyamba slash imauza seva kuti ayang'ane muzu wa bukhulo. Adzayang'ana foda yotchedwa "zithunzi" ndipo potsiriza fayilo yotchedwa "logo.png". Kugwiritsa ntchito foda yotchedwa "zithunzi" kusungira zithunzi zonse za siteti ndizozoloŵera bwino, koma njira yanu ya fayilo idzasinthidwa kukhala chirichonse chofunikira pa tsamba lanu.
Chiwiri chachiwiri chofunikirako ndizolemba "alt". Iyi ndi "malemba ena" omwe amasonyezedwa ngati chithunzi sichikutha chifukwa china. Mawuwa, omwe mu chitsanzo chathu amawerenga "Company Logo" angasonyezedwe ngati chithunzi chikulephera kutsegula. Nchifukwa chiani izo zikanachitika? Zifukwa zosiyanasiyana:
- Njira yopanda njira yafayilo
- Dzina losayenerera la fayilo kapena losawerengeka
- Kulakwitsa kwakutumiza
- Fayilo inachotsedwa pa seva
Izi ndi zochepa chabe zomwe zingatheke chifukwa chake fano lathu likhoza kusoweka. Pazochitikazi, malemba athu amasonyeza m'malo mwake.
Malemba ena akugwiritsidwanso ntchito ndi pulogalamu yamasewero kuti aziwerenga "fano" kwa mlendo yemwe ali ndi vuto lowona masomphenya. Popeza sangathe kuwona chithunzichi monga momwe timachitira, mawuwa amawadziwitsa chomwe chithunzicho chili. Ichi ndichifukwa chake malemba akufunika ndi chifukwa chake ayenera kufotokoza chomwe chithunzichi chiri!
Kusamvetsetsana kowonjezereka kwa malemba ndikuti ndikutanthauza kuti injini yafufuzidwe. Izi si zoona. Ngakhale Google ndi injini zina zofufuzira zimatha kuwerenga ndimeyi kuti mudziwe chomwe chithunzichi chiri (kumbukirani, sangathe kuwona "fano lanu"), simuyenera kulemba malemba kuti muyambe kuyang'ana injini. Wolemba momveka bwino malemba omwe amatanthauza anthu. Ngati mungathenso kuwonjezera zilembo zomwe zimakhudza injini zofufuzira, ndibwino, koma nthawi zonse onetsetsani kuti malemba alumikiza cholinga chake chachikulu pofotokoza chomwe fano liri kwa aliyense amene sangathe kuwona mafayilo.
Zizindikiro zina
Chizindikiro cha IMG chili ndi zizindikiro zina ziwiri zomwe mungagwiritse ntchito poika pepala pa tsamba lanu - m'lifupi ndi kutalika. Mwachitsanzo, ngati mumagwiritsa ntchito WYSIWYG mkonzi monga Dreamweaver, imangowonjezerani mfundoyi. Pano pali chitsanzo:
Makhalidwe a WIDTH ndi HEIGHT amauza msakatuli kukula kwa fano. Wosatsegulayo amadziwa bwino momwe malo angapangidwire, ndipo amatha kupita ku chinthu chotsatira pa tsamba pomwe zithunzi zamasulidwa. Vuto pogwiritsira ntchito chidziwitso mu HTML yanu ndikuti simungayambe nthawi zonse kuti fano lanu liwonetsere kukula kwake. Mwachitsanzo, ngati muli ndi webusaiti yovomerezeka yomwe kusintha kwake kumasintha kuchokera pa tsamba la alendo ndi kukula kwa chipangizo, mudzafunanso kuti zithunzi zanu zisinthe. Ngati mutanthawuza mu HTML yanu kukula kwake, mudzapeza kuti ndi kovuta kupambana ndi mayankho a mafunso a CSS . Pachifukwa ichi, komanso kuti mupitirize kulekanitsa kalembedwe (CSS) ndi kapangidwe ka (HTML), ndibwino kuti musati muwonjezere zigawo ndi kutalika kwa zilembo za HTML yanu.
Chidziwitso chimodzi: Ngati mutasiya malangizo awa osasunthira ndipo simunatchule kukula kwa CSS, osatsegulayo amasonyeza chithunzicho, osasintha.
Kusinthidwa ndi Jeremy Girard