A kép nem csak közvetlenül a szövegbe kerül beillesztésre. A böngésző megmondja a nevét, és utasítást kap, hogy hol és hogyan helyezze el a képernyőn. Ehhez használjon egyetlen HTML img címkét. Megadja a grafikus objektum helyét a weboldalon.
Ha sok attribútum nem kötelező a címkéknél, akkor az img címkének rendelkeznie kell legalább egy paraméterrel – a kép címével. Ezt az attribútumot src:
- - ez megjeleníti az aktuális könyvtárban tárolt goat-j.webp" />
- - az img címke ezen paraméterével a böngésző betölti a megasellmag.ru webhelyen az interneten közzétett képet.
Igazítási attribútumok
A képek HTML használatával az oldalon történő elhelyezéséhez az img címkét használják, amelynek attribútumai felelősek a képnek az oldalon való elhelyezéséért és a szöveg tördelésének természetéért.
Alapértelmezés szerint a böngésző a képet a képernyő közepére helyezi, és a szöveg nem kerül köré. Az img címke lehetővé teszi, hogy kifejezze egyet nem értését a böngészővel az align attribútum (alignment) használatával.
- a kép az oldal bal szélére kerül, a szöveg pedig a jobb oldalon kerül körül.
A szöveg viselkedése hasonló lesz, ha a képet jobbra (igazítás=jobbra), középre (igazítás=középre), felülre (igazítás=felül), alulra helyezzük(igazítás=alul) és középre (középre).
Beállítások és méretek
Annak érdekében, hogy a szöveg ne csússzon a képekbe, az img címke speciális -hspace (vízszintes/vízszintes margók) és vspace (függőleges/függőleges margók) attribútumokat kapott, amelyek meghatározzák a szöveg behúzásának mértékét a képek széleitől. pixel.
A kép nem csak engedelmesen eltávolodik a szövegtől a megadott mértékben, hanem az oldal szélétől is, ezért jobb elkerülni a nagy behúzásokat.
A képek geometriai méretei nagyon fontosak, amelyek nemcsak kívánatosak, hanem néha egyszerűen szükségesek a kép helyes megjelenítéséhez. Ehhez a szélesség (szélesség) és magasság (height) attribútumokat használjuk, amelyek értéke pixelben vagy százalékban van megadva.
Ha csak a szélességet adja meg, a magasság automatikusan az eredeti arányokkal lesz kiválasztva. A százalékos méretek lehetővé teszik, hogy a képet az oldal jobb részére helyezze el, függetlenül a böngészőablak méretétől, és ez az igény gyakran felmerül.
Egyéb lehetőségek
A border attribútum egy meghatározott vastagságú keretbe zárja a képet, amit a böngésző alapértelmezés szerint nem tesz meg.
A szegélynek látszólag értelmetlen nulla szélessége is lehet (border='0'), de ez addig van, amíg a kép hivatkozássá nem válik, amikor a böngésző automatikusan körbeírja kék szegéllyel, anélkül, hogy megvárná az utasításokat.
Néhány türelmetlen felhasználó, aki dühös az alacsony internetsebesség miatt, egyszerűen letiltja a képek megjelenítését. Ilyen esetekben rendelkezésre áll az alt paraméter, amely lehetővé teszi a bevitelt alternatív szöveg, amelyet a felhasználó abban a mezőben fog látni, ahol a kép siet betölteni.
Ha nem tetszenek az alt paraméter lehetőségei, az img tag felkínálhat egy longdesc attribútumot, melynek értéke egy dokumentum URL-je részletesebb leírással.
A usemap és ismap attribútumok azt mondják a böngészőnek, hogy a kép olyan kép lesz, amelyben a hiperhivatkozások külön területek (linktérkép), csak a usemap paraméter határozza meg a navigációs térképet a szerveren, az ismap pedig a térképet az ügyféloldalon.
Az 1. hivatkozás leírása az alábbi ábrán:
Egzotikus tárgyak
A lowsrc attribútum arra utasítja a böngészőt, hogy először töltse le az eredeti kép egy másolatát (vagy más alternatíváját) gyengébb minőségben, és ezért "könnyebb". Ez a trükk alacsony internetsebesség esetén használható a felhasználó számára. Feltöltéskor az eredeti kép helyettesíti a "hamisítványt".
Az img címke kevésbé gyakran használt galleryimg attribútuma meghívja a képvezérlő panelt (ha fölé viszi), lehetővé téve az alapértelmezett Saját képek mappa megnyitását, és a kép kinyomtatását, mentését vagy e-mailben történő elküldését. A panel letiltásához a galleryimg paramétert no/false értékre állítja, és engedélyezheti a yes/true beállításával.
Az új HTML5 specifikációban számos címke néhány paramétere elavult. Például az img lowsrc, border, longdesc és name attribútumait megszüntettük.
