Wo eyikeyi oju-iwe wẹẹbu lori ayelujara loni ati pe iwọ yoo ṣe akiyesi pe wọn pin awọn ohun kan ni wọpọ. Ọkan ninu awọn ami ti o pín ni awọn aworan. Awọn aworan ọtun ṣe afikun bẹ si fifihan si aaye ayelujara kan. Diẹ ninu awọn aworan wọnyi, bi aami logo ti ile-iṣẹ, ṣe iranlọwọ ṣe atilọlẹ aaye naa ki o si so pọ mọ ohun-ini onibara si ile-iṣẹ ti ara rẹ.
Lati fi aworan kun, aami, tabi awọn eya aworan si oju-iwe ayelujara rẹ, o nilo lati lo tag ni koodu HTML kan. O gbe aami tag IMG ni HTML rẹ gangan nibiti o fẹ aworan ti o le han. Oju-kiri ayelujara ti n ṣe atunṣe koodu oju-iwe naa yoo rọpo tag yii pẹlu ẹda ti o yẹ ni kete ti oju iwe naa ba wo. Nlọ pada si apẹẹrẹ logo ile-iṣẹ wa, nibi ni bi o ṣe le fi aworan naa si aaye rẹ:
Awọn Ero aworan
Ti wo koodu HTML ti o wa loke, iwọ yoo ri pe opo naa pẹlu awọn ero meji. Olukuluku wọn ni a beere fun aworan naa.
Ẹkọ akọkọ ni "src". Eyi jẹ ohun gangan itumọ faili ti o fẹ lati han loju iwe. Ninu apẹẹrẹ wa ni a nlo faili ti a npe ni "logo.png". Eyi ni iwọn ti aṣàwákiri wẹẹbù yoo han nigbati o ba ṣe aaye naa.
Iwọ yoo tun ṣe akiyesi pe ṣaaju ki orukọ faili yi, a fi kun alaye diẹ sii, "/ awọn aworan /". Eyi ni ọna faili. Ikọju iwaju fifa sọ fun olupin lati wo inu root ti itọsọna naa. O yoo lẹhinna wo folda kan ti a npe ni "awọn aworan" ati nipari faili ti a npe ni "logo.png". Lilo folda kan ti a npe ni "awọn aworan" lati tọju gbogbo awọn eya ojula jẹ iṣẹ deede, ṣugbọn ọna faili rẹ yoo yipada si ohunkohun ti o jẹ dandan fun aaye rẹ.
Awọn aami keji ti a beere fun ni ọrọ "alt". Eyi ni "ọrọ miiran" ti o han ti aworan naa ko ba le rù fun idi kan. Ọrọ yii, eyi ti o wa ninu apẹẹrẹ wa "Ile-iṣẹ Ile-iṣẹ" yoo han bi aworan naa ba kuna. Idi ti yoo ti ṣẹlẹ? Awọn idi pupọ:
- Ọna faili ti ko tọ
- Orukọ faili ti ko tọ tabi misspelling
- Iṣiṣe igbasilẹ
- Faili ti paarẹ lati olupin
Awọn wọnyi ni o ṣeeṣe diẹ fun idi ti aworan wa ti a ti sọ tẹlẹ le sonu. Ni awọn iṣẹlẹ wọnyi, ọrọ ti o ga julọ yoo han dipo.
A tun lo ọrọ alọgidi nipasẹ olutọka iboju iboju lati "ka" aworan naa si alejo ti o jẹ ailera. Niwon ti wọn ko le ri aworan bi a ṣe, ọrọ yii jẹ ki wọn mọ ohun ti aworan naa jẹ. Eyi ni idi ti a fi n beere ọrọ ti o ga julọ ati idi ti o yẹ ki o sọ kedere ohun ti aworan jẹ!
Aṣiṣe ti o ṣe deede ti ọrọ giga jẹ pe o wa fun awọn idi-ẹrọ wiwa. Eyi kii ṣe otitọ. Nigba ti Google ati awọn eroja ti o wa miiran ṣe ka ọrọ yii lati mọ ohun ti aworan naa jẹ (ranti, wọn ko le "wo" aworan rẹ boya), iwọ ko gbọdọ kọ lẹta ti o ga julọ lati rawọ nikan si awọn oko ayọkẹlẹ àwárí. Onkọwe akọsilẹ ti o ga julọ ti o jẹ fun awọn eniyan. Ti o tun le fi awọn koko-ọrọ diẹ kun si tag ti o nreti si awọn irin-ṣiṣe àwárí, ti o dara, ṣugbọn nigbagbogbo rii daju pe ọrọ-giga ti n tẹriba iṣẹ rẹ akọkọ nipa sisọ ohun ti aworan naa jẹ fun ẹnikẹni ti ko le wo faili aworan.
Awọn Ẹmi miiran
Awọn ami IMG tun ni awọn ero miiran miiran ti o le rii ni lilo nigba ti o ba fi aworan kan han lori oju-iwe ayelujara rẹ - iwọn ati giga. Fun apẹẹrẹ, ti o ba lo olootu WYSIWYG bi Dreamweaver, o ṣe afikun alaye yii fun ọ. Eyi jẹ àpẹẹrẹ kan:
Awọn WIDTH ati awọn ẹda HEIGHT sọ fun aṣàwákiri iwọn ti aworan naa. Oluṣakoso lẹhinna mọ gangan iye ti o wa ni ifilelẹ lati fi pamọ, ati pe o le gbe lọ si oju-iwe tókàn lori oju-iwe nigba gbigba awọn aworan. Iṣoro pẹlu lilo alaye yii ni HTML rẹ ni pe o le ma ṣe fẹ nigbagbogbo aworan rẹ lati han ni iwọn gangan. Fun apẹẹrẹ, ti o ba ni aaye ayelujara ti o ni idahun ti awọn iyipada ti o wa lori iboju alejo ati iwọn ẹrọ, iwọ yoo tun fẹ ki awọn aworan rẹ rọ. Ti o ba sọ ninu HTML rẹ kini iwọn ti o wa titi, iwọ yoo rii i ṣòro lati ṣaju pẹlu awọn ibeere CSS ibeere . Fun idi eyi, ati lati ṣetọju iyatọ ti ara (CSS) ati ọna (HTML), a ṣe iṣeduro pe ki o ṣe KO fi iwọn kun ati awọn iwọn ti o ga julọ si koodu HTML rẹ.
Akọsilẹ kan: Ti o ba fi ilana itọnisọna wọnyi silẹ ati pe ko ṣe iwọn iwọn kan ni CSS, aṣàwákiri yoo fi aworan han ni aiyipada rẹ, iwọn abinibi ni gbogbo igba.
Ṣatunkọ nipasẹ Jeremy Girard