De afbeelding wordt niet alleen rechtstreeks in de tekst ingevoegd. De browser krijgt zijn naam te horen en krijgt instructies waar en hoe deze op het scherm moet worden geplaatst. Gebruik hiervoor een enkele HTML img-tag. Het specificeert de locatie van het grafische object op de webpagina.
Als veel attributen optioneel zijn voor tags, dan moet de img-tag ten minste één parameter hebben - het adres van de afbeelding. Dit attribuut heet src:
- - hierdoor wordt het bestand geit-j.webp" />
- - met deze parameter van de img-tag laadt de browser de afbeelding die op internet is geplaatst op de site megasellmag.ru.
Uitlijningskenmerken
Om afbeeldingen op een pagina te positioneren met HTML, wordt de img-tag gebruikt, waarvan de attributen verantwoordelijk zijn voor het plaatsen van de afbeelding op de pagina en de aard van de tekstterugloop.
De browser plaatst de afbeelding standaard in het midden van het scherm en de tekst loopt er niet omheen. Met de img-tag kunt u uw onenigheid met de browser kenbaar maken met behulp van het align-attribuut (alignment).
- de afbeelding wordt aan de linkerrand van de pagina geplaatst en de tekst aan de rechterkant.
Het gedrag van de tekst zal vergelijkbaar zijn als de afbeelding rechts (uitlijnen=rechts), in het midden (uitlijnen=midden), boven (uitlijnen=boven), onder wordt geplaatst(uitlijnen=onder) en midden (midden).
Instellingen en maten
Om te voorkomen dat tekst in afbeeldingen kruipt, heeft de img-tag speciale attributen gekregen -hspace (horizontale/horizontale marges) en vspace (verticale/verticale marges), die de hoeveelheid tekstinspringing bepalen vanaf de randen van afbeeldingen in pixels.
De afbeelding zal niet alleen gehoorzaam met de gespecificeerde hoeveelheid van de tekst verwijderd worden, maar ook van de rand van de pagina weg bewegen, dus het is het beste om grote inspringingen te vermijden.
De geometrische afmetingen van afbeeldingen zijn erg belangrijk, die niet alleen wenselijk zijn, maar soms ook gewoon nodig om te specificeren voor de juiste weergave van de afbeelding. Hiervoor worden de attributen width (width) en height (height) gebruikt, waarvan de waarde wordt bepaald in pixels of percentages.
Als u alleen de breedte opgeeft, wordt de hoogte automatisch geselecteerd met de originele verhoudingen. Met procentuele formaten kunt u de afbeelding in het rechtergedeelte van de pagina plaatsen, ongeacht de grootte van het browservenster, en deze behoefte doet zich vaak voor.
Andere opties
Het border-attribuut omsluit de afbeelding in een frame van de opgegeven dikte, wat de browser standaard niet doet.
De rand kan ook een schijnbaar betekenisloze nulbreedte hebben (rand='0'), maar dat is totdat de afbeelding een link wordt, wanneer de browser deze automatisch omcirkelt met een blauwe rand zonder op instructies te wachten.
Sommige ongeduldige gebruikers, woedend op lage internetsnelheden, schakelen eenvoudig de weergave van afbeeldingen uit. Voor dergelijke gevallen is de alt-parameter voorzien, waarmee u kunt invoeren alternatieve tekst die de gebruiker ziet in het vak waar de afbeelding haast heeft om te laden.
Als je de mogelijkheden van de alt-parameter niet leuk vindt, kan de img-tag een longdesc-attribuut bieden, waarvan de waarde de URL is van een document met een meer gedetailleerde beschrijving.
De usemap- en ismap-attributen vertellen de browser dat de afbeelding een afbeelding zal zijn waarin de hyperlinks afzonderlijke gebieden zijn (link-kaart), alleen de usemap-parameter bepa alt de navigatiekaart op de server, en ismap - de kaart op de klantzijde.
Beschrijving van link 1 in de onderstaande afbeelding:
Exotische items
Het kenmerk lowsrc instrueert de browser om eerst een kopie (of een ander alternatief) van de originele afbeelding te downloaden met een lagere kwaliteit en dus een "lichtere". Deze truc wordt geleverd in het geval van een lage internetsnelheid voor de gebruiker. De originele afbeelding vervangt bij het uploaden de "nep".
Het minder vaak gebruikte galleryimg-attribuut van de img-tag roept het afbeeldingsbedieningspaneel op (wanneer de muisaanwijzer erop staat), zodat u de standaardmap Mijn afbeeldingen kunt openen en de afbeelding kunt afdrukken, opslaan of e-mailen. U kunt het paneel uitschakelen door de parameter galleryimg in te stellen op nee/false, en inschakelen door ja/waar in te stellen.
In de nieuwe HTML5-specificatie zijn voor een aantal tags sommige parameters verouderd. De kenmerken lowsrc, border, longdesc en name van img zijn bijvoorbeeld buiten gebruik gesteld.
