Isticmaalka HTML IMG Tag ee Sawirada iyo Walxaha
HTML-ka IMG-tu waxay xukuntay gelinta sawirrada iyo waxyaabaha kale ee garaafka ah ee bogga shabakadda. Tani waxay ka dhigan tahay dhowr waxyaalood oo khasab ah iyo ikhtiyaari ikhtiyaari ah kuwaas oo ku darsaday hodonimo aad karti u leedahay in aad naqshadayso bogga internetka oo sawir leh.
Tusaale ka mid ah HTML-ka buuxa ee IMG wuxuu u egyahay sidan:
Qodobada IMG Tag Loo baahan yahay
SRC. Aqoonta kaliya ee aad u baahan tahay si aad u hesho sawir si aad u muujiso bogga internetka waa sifaha SRC. Astaamahani waxay tilmaameysaa magaca iyo goobta faylka sawirka si loo soo bandhigo.
ALT. Si aad u qorto XHTML iyo HTML4 sax ah, qaabka ALT ayaa sidoo kale loo baahan yahay. Astaamahaan waxaa loo adeegsadaa in ay bixiyaan dookhiyo aan aragti ah oo leh qoraalka lagu qeexayo sawirka. Dareemayaashu waxay muujiyaan qoraallada siyaabo kala duwan. Qaar ayaa u muuqda sida pop-up marka aad mashiinkaaga ku dhejiso sawirka, qaar kale ayaa ku tusaya guryaha marka aad midig tahay guji sawirka, qaar kalena ma muujiyaan.
Isticmaal qoraalka hoose si aad u hesho faahfaahin dheeraad ah oo ku saabsan sawirka aan ku habboonayn ama muhiim u ah qoraalka bogga internetka. Laakiin xusuusnow in akhristayaasha shaashadaha iyo daalacayaasha kale ee text-kaliya, qoraalka ayaa la akhrin doonaa in ka badan text ee bogga. Si aad uga fogaato jaahwareer, isticmaal qoraalka hoose ee sharraxaadda (tusaale ahaan), "About Web Design and HTML" halkii "logo".
HTML5, dabeecada ALT badanaa looma baahna, sababtoo ah waxaad isticmaali kartaa qori si aad ugu darto sharaxaad dheeraad ah. Waxa kale oo aad isticmaali kartaa sifaha ARIA-DESCRIBEDBY si aad u muujiso aqoonsi oo ku jira sharaxaad buuxda.
Qoraalka hoose waxaa sidoo kale loo baahan yahay haddii sawirka uu yahay mid madadaalo ah, sida garaafka sare ee bogga ama bogagga. Laakiin haddii aadan hubin, ku dar qoraalka hoose ee kiiska.
Waxyaabaha Lagu Sameeyo IMG
WIDTH iyo HEIGHT . Waa in aad caado u noqotid mar walba adoo isticmaalaya sifooyinka WIDTH iyo HEIGHT. Mar walbana waa inaad isticmaashaa cabbirka dhabta ah oo aan dib u cusboonaysiin sawirradaada adoo adeegsanaayo browserka.
Tilmaamyadani waxay sare u qaadayaan soo bandhigida bogga sababta oo ah browserku wuxuu u qoondeyn karaa booska muuqaalka sawirka, ka dibna sii wado soo dejinta inteeda kale, halkii laga sugi lahaa sawirka oo dhan si loo soo dejiyo.
Waxyaabaha kale ee IMG ee waxtarka leh
TITLE Astaamaha waa sifo caalami ah oo loo adeegsan karo wax kasta oo HTML ah . Waxaa intaa dheer, sifaha TITLE wuxuu kuu ogolaanayaa inaad ku darto macluumaad dheeraad ah oo ku saabsan sawirka.
Badiyaa daalacayaashu waxay taageeraan sifaha TITLE, laakiin waxay u sameeyaan siyaabo kala duwan. Qaarkood waxay soo bandhigaan qoraalka sida pop-up halka kuwa kale ay ku muujiyaan shaashadaha xogta marka qofka isticmaala saxda ah ee sawirka. Waxaad isticmaali kartaa sifaha TITLE si aad u qorto macluumaad dheeraad ah oo ku saabsan sawirka, laakiin ha ku xisaabin macluumaadkani inuu yahay mid qarsoon ama muuqda. Waa inaad sida ugu sarreysa u isticmaashid tan si aad ugu dhuumato ereyada muhiimka ah ee matoorada raadinta. Farsamadani hadda waxaa lagu ganaaxay makiinado badan oo raadin ah.
USEMAP iyo ISMAP . Labadan sifeyn waxay dhigeen macaamiisha dhinaca () iyo server-side (ISMAP) khariidadaha sawiradaada.
LONGDESC . Astaamaha ayaa taageera URL-yada si sharaxaad dheer oo sawir ah. Tilmaamahan wuxuu sawirradaada ka dhigayaa mid la heli karo.
Xayiraadaha Lagu Hayo iyo Ka Hortagay IMG
Qodobo dhowr ah ayaa hadda la joojiyay HTML5 ama laga saaray HTML4. HTML-ka ugu fiican, waa inaad heshaa xalal kale halkii aad adeegsan lahayd sifooyinkaas.
BORDER . Qaabkani wuxuu qeexayaa ballaca pixels ee xuduud kasta oo ku wareegsan sawirka. Waxaa laga saaray liiska CSS ee HTML4 waana mid aan ku dhicin HTML5.
ALIGN . Qaabkani wuxuu kuu ogolaanayaa inaad sawir ka dhigto qoraalka dhexdiisa oo ay leeyihiin qoraalka ku wareegsan. Waxaad sawir ka dhigan kartaa midigta ama bidixda. Waxaa laga soo saaray liiska hantida CSS-ka ee hannaanka HTML4 oo ah mid aan horay loo arag HTML5.
HSPACE iyo VSPACE . HSPACE iyo sifooyinka VSPACE waxay ku daraan gagaarka cad (HSPACE) iyo vertical (VSPACE). Meel Caddaan ah ayaa lagu darayaa labada dhinac ee garaafka (sare iyo hoose ama bidix iyo midig), sidaas darteed haddii aad u baahantahay oo kaliya hal dhinac, waa inaad isticmaashaa CSS. Sifooyinkan ayaa laga soocay HTML4 iyagoo ku faanaya hantida CSS mar labaad, waxayna kudhasheen HTML5.
LOWSRC . Astaamaha LOWSRC waxay bixiyaan muuqaal kale marka sawirkaaga aad u weyn uu si xawli ah u soo dajiyo. Tusaale ahaan, waxaad yeelan kartaa muuqaal ah 500KB oo aad rabto inaad ku muujiso boggaaga internetka, laakiin 500KB ayaa qaadan doonta waqti dheer si aad u soo dejiso. Sidaas darteed waxaad abuurtaa nuqul yar oo sawir ah, laga yaabee in madow iyo caddaan ama aad u fiicnayn, oo ku rid astaanta LOWSRC. Sawirka yaryar ayaa soo dejin doona oo soo bandhigi doona marka hore, ka dibna marka sawirka weyn uu u muuqdo wuxuu badali doonaa midka hooseeya.
Qodobka LOWSRC waxaa lagu daray Netscape Navigator 2.0 oo loo yaqaan 'IMG tag. Waxay ahayd qayb ka mid ah heerka DOM 1, laakiin ka dib ayaa laga saaray heerka DOM 2. Taageerada Browser waxay u muuqatay mid muuqaal ah, inkastoo goobo badani ay ku andacoonayaan in ay taageerto dhamaan dookhiyeyaasha casriga ah. Looma ogaanayo HTML4 ama ka baxsan HTML5 sababtoo ah marna ma ahayn qayb rasmi ah oo ka mid ah labadaba.
Iska ilaali inaad isticmaasho sifahaan taas oo bedelkeed u ekaan kartaa sawirradaada si ay si dhakhso ah u qaadaan. Xawaaraha bogga waa qayb muhiim ah ee naqshadeynta Webka, iyo sawirro waaweyn oo hoos u dhacaya boggooda-xitaa haddii aad isticmaasho sifaha LOWSRC.