Wat is HTML-afbeeldingscode?
In een HTML-document (HyperText Markup Language) wordt HTML-afbeeldingscode geprogrammeerd om grafische afbeeldingen op verschillende punten in de lay-out in te voegen. De code is in het algemeen een reeks door mensen leesbare sleutelwoorden waaraan vervolgens bijbehorende waarden worden toegewezen, ingepakt tussen tekens groter dan en kleiner dan in het HTML-document. De resulterende HTML-afbeeldingscode vertelt een webbrowser of een andere documentviewer de locatie van het afbeeldingsbestand online of op een schijf, de afmetingen van de afbeelding, eventuele speciale opmaak van de afbeelding en verschillende uitlijningsopties voor de andere elementen in de HTML document eromheen. Afbeeldingen kunnen worden genest in andere HTML-codes - ook wel tags genoemd - waardoor ze kunnen worden gebruikt als klikbare links, lijstitems of achtergrondafbeeldingen. Door het gebruik van de CSS-extensies (cascading style sheet) in HTML, kunnen vele andere waarden en eigenschappen van een afbeelding in een document ook worden gewijzigd, terwijl sommige programmeertalen in het document kunnen worden ingesloten om elementaire beeldverwerking mogelijk te maken.
De meest voorkomende HTML-afbeeldingscode bestaat uit de afbeeldingstag, die in HTML wordt voorgesteld door het trefwoord IMG. Dit vertelt de webbrowser dat op dit punt een afbeelding in het document wordt ingevoegd en dat informatie over de afbeelding volgt. De enige vereiste informatie die zich binnen de IMG-tag moet bevinden, wordt de bron genoemd. Aan het trefwoord SRC wordt de naam of locatie van het afbeeldingsbestand toegewezen, zodat de browser de afbeelding kan laden. De waarde kan een bestandsnaam zijn of een online adres dat ook bekend staat als een universele bronlocatie (URL), net als een websiteadres.
Er zijn andere eigenschappen die kunnen worden gedefinieerd in een HTML-afbeeldingscode. De hoogte en breedte van de afbeelding kunnen expliciet worden opgegeven, zodat het formaat van de afbeelding kan worden aangepast zodat deze binnen een bepaalde lay-out past. Alternatieve tekst kan worden geleverd zodat gebruikers die de afbeelding niet kunnen zien in plaats daarvan een tekstversie ervan kunnen horen of lezen. Randen en spaties rond de afbeelding kunnen ook worden ingesteld, waardoor de afbeelding een aparte uitstraling en plaatsing op een webpagina krijgt.
Een behoorlijke hoeveelheid HTML-afbeeldingscode kan worden gebruikt om te bepalen hoe de afbeelding wordt uitgelijnd en hoe de rest van de webpagina reageert op zijn aanwezigheid. Tekst kan worden ingesteld om rond de afbeelding te lopen aan de rechter- of linkerkant, of kan worden ingesteld om de afbeelding volledig over te slaan, zodat deze niet in zijn eigen ruimte wordt gehinderd. Met sommige opties kan de afbeelding worden getekend door tekst of andere elementen, of zelfs worden weergegeven als onderdeel van de lay-out, zodat deze in een regel wordt opgenomen, net als elke andere letter in een zin.