Képkezelő – img címke

Tartalomjegyzék:

Képkezelő – img címke
Képkezelő – img címke
Anonim

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.

img címke
img címke

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.

img tag attribútumok
img tag attribútumok

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:

html img tag
html img tag

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.

Ajánlott: