Bheka noma yiliphi ikhasi le-intanethi ku-intanethi namhlanje futhi uzobona ukuthi babelana ngezinto ezithile ezifanayo. Enye yalezi zici ezabiwe yizithombe. Izithombe ezilungile zifaka okuningi kwisethulo sewebhu. Eminye yalezo zithombe, njenge logo yekampani, zisiza ukufaka uphawu lomkhiqizo isayithi bese uxhuma leyo nkampani yedijithali enkampanini yakho yangokwenyama.
Ukwengeza isithombe, isithonjana, noma ihluzo ekhasini lakho lewebhu, udinga ukusebenzisa ithegi kwikhidi ye-HTML yekhasi. Ubeka ithegi ye-IMG ku- HTML yakho ngqo lapho ufuna khona ukubonisa isithombe. Isiphequluli sewebhu esinikezela ikhodi yekhasi siyothatha indawo yalo maki ngesithombe esifanele uma ikhasi libukwa. Ukubuyela emuva kusibonelo se-logo senkampani, nansi ukuthi ungayengeza kanjani leso sithombe kusayithi lakho:
Izimpawu zesithombe
Uma ubheka ikhodi ye-HTML ngenhla, uzobona ukuthi lesi sici sihlanganisa izimfanelo ezimbili. Ngamunye wabo udinga isithombe.
Isici sokuqala yi "src". Lokhu kuyiqiniso ngempela ifayela lesithombe ofuna ukuboniswa ekhasini. Esikhathini sethu sisebenzisa ifayela elibizwa ngokuthi "logo.png". Lesi yisithombe esichazwa yisiphequluli sewebhu uma sinikeza isayithi.
Uzophinde uqaphele ukuthi ngaphambi kwaleli gama lefayela, seneze olunye ulwazi oluthe xaxa, "/ images /". Lena yindlela yefayela. I-slash yokuqala yangaphambili isitshela iseva ukuthi ibheke empandeni yerekhodi. Kuzobe sekufuna ifolda ebizwa ngokuthi "izithombe" futhi ekugcineni ifayela elibizwa ngokuthi "logo.png". Ukusebenzisa ifolda ebizwa ngokuthi "izithombe" ukugcina zonke ihluzo zesayithi kuwumkhuba ovamile, kodwa indlela yakho yefayela ingashintshwa kunoma yini efanele kwisayithi lakho.
Isici sesibili esidingekayo siyi-"alt". Lona "umbhalo ohlukile" okhonjiswa uma isithombe sihluleka ukulayisha ngesizathu esithile. Lo mbhalo, osesibonelo sethu ufundela "I-Logo yeNkampani" izoboniswa uma isithombe sihluleka ukulayisha. Kungani lokho kwenzeka? Izizathu ezihlukahlukene:
- Indlela engafanele yefayela
- Igama lefayela elingalungile noma okungalungile
- Iphutha lokuthutha
- Ifayela lisusiwe kusuka kuseva
Lezi zingamathuba ambalwa okuthi kungani isithombe sethu esicacisiwe singase silahleke. Kulezi zimo, umbhalo wethu we-alt uzobonisa esikhundleni.
Umbhalo we-Alt uphinde usetshenziswe isofthiwe yokufunda isikrini ukuze "ufunde" isithombe kumvakashele obona umbono ongenakwenzeka. Njengoba bengakwazi ukubona isithombe njengathi, lo mbhalo ubavumela ukuthi yini isithombe. Yingakho i-alt umbhalo idingeka futhi kungani kufanele icacise kahle ukuthi isithombe siyini!
Ukungavumelani okuvamile kwe-alt umbhalo ukuthi kuhloswe ngezinjongo zokusesha injini. Lokhu akulona iqiniso. Ngesikhathi i-Google nezinye izinjini zokufunda zifunda lo mbhalo ukucacisa ukuthi isithombe sini (khumbula, ngeke bakwazi ukubona "isithombe sakho"), akufanele ubhale i-alt umbhalo ukukhalaza kuphela kuma-search. Umbhali ocacile we-alt umbhalo ohloselwe abantu. Uma ungase futhi ungeze amanye amagama angukhiye emathekisthini anxusa izinjini, kulungile, kodwa njalo uqinisekise ukuthi i-alt umbhalo isebenza ngenjongo yaso eyinhloko ngokuchaza ukuthi isithombe sini kunoma ngubani ongakwazi ukubona ifayela lehluzo.
Ezinye izimfanelo
Ithegi le-IMG lineminye imfanelo emibili ongayibona esebenzayo uma ufaka isithombe ekhasini lakho lewebhu - ububanzi nokuphakama. Isibonelo, uma usebenzisa umhleli we-WYSIWYG njengo-Dreamweaver, ngokuzenzakalelayo uyenezela lolu lwazi kuwe. Nasi isibonelo:
Izimfanelo ze-WIDTH ne-HEIGHT zitshela isiphequluli ubukhulu besithombe. Isiphequluli sazi kahle ukuthi ingakanani isikhala esakhiweni sokubelwa, futhi singaqhubeka nesici esilandelayo ekhasini ngenkathi ukulandwa kwesithombe. Inkinga ngokusebenzisa lolu lwazi ku-HTML yakho ukuthi kungenzeka ukuthi ungafuni njalo isithombe sakho ukuba sibonise ngolobukhulu obukhulu. Isibonelo, uma unayo iwebhusayithi ephendulayo lapho ushintsho lwezinga lokusukela ekuhloleni kwesikrini nosayizi wedivayisi, uzodinga nokuthi izithombe zakho ziguquguquke. Uma usho ku-HTML yakho ukuthi usayizi ohleliwe yini, uzothola kunzima ukuphazamisa imibuzo yokuphendula yezindaba ze-CSS . Ngenxa yalesi sizathu, futhi ukugcina ukuhlukaniswa kwesitayela (CSS) nokuhlelwa (HTML), kutuswa ukuthi ungafaki ububanzi nobuciko bokuphakama kwikhodi yakho ye-HTML.
Inothi elilodwa: Uma ushiya le miyalo ye-sizing uphinde ungacacisi usayizi ku-CSS, isiphequluli sizobonisa isithombe ngokujwayelekile, ubukhulu bomdabu noma kunjalo.
Ihlelwe nguJeremy Girard