Vad är HTML-bildkod?

I ett HTML-dokument (HyperText Markup Language) är HTML-bildkod programmering som används för att infoga grafiska bilder på olika ställen i layouten. Koden är i allmänhet en serie av mänskligt läsbara nyckelord som sedan tilldelas tillhörande värden, lindade mellan större-än och mindre-än-tecken inuti HTML-dokumentet. Den resulterande HTML-bildkoden talar om för en webbläsare eller annan dokumentvisare var bildfilen finns online eller på en diskenhet, bildens dimensioner, eventuell speciell formatering som bilden har och olika inriktningsalternativ för de andra elementen i HTML dokument som omger den. Bilder kan kapslas in i andra HTML-koder – ibland kallade taggar – så att de kan användas som klickbara länkar, listobjekt eller bakgrundsbilder. Genom att använda CSS-tilläggen (Cascading Style Sheet) i HTML kan många andra värden och egenskaper hos en bild i ett dokument också ändras, medan vissa programmeringsspråk kan bäddas in i dokumentet för att möjliggöra grundläggande bildbehandling.

Den vanligaste HTML-bildkoden består av bildtaggen, som i HTML representeras av nyckelordet IMG. Detta talar om för webbläsaren att en bild kommer att infogas i dokumentet nu och att information om bilden kommer att följa. Den enda nödvändiga informationen som måste finnas inuti IMG-taggen kallas källan. Nyckelordet SRC tilldelas namnet eller platsen för bildfilen, vilket gör att webbläsaren kan ladda bilden. Värdet kan antingen vara ett filnamn eller en onlineadress som också är känd som en universal resource location (URL), ungefär som en webbadress.

Det finns andra egenskaper som kan definieras i en HTML-bildkod. Bildens höjd och bredd kan anges uttryckligen, vilket gör att bilden kan ändras för att passa inom en viss layout. Alternativ text kan tillhandahållas så att användare som inte kan se bilden istället kan höra eller läsa en textversion av den. Kanter och avstånd runt bilden kan också ställas in, vilket ger bilden ett distinkt utseende och placering på en webbsida.

En hel del HTML-bildkod kan användas för att definiera hur bilden är justerad och hur resten av webbsidan reagerar på dess närvaro. Text kan ställas in så att den flyter runt bilden på höger eller vänster sida, eller så kan den ställas in så att den hoppar över bilden helt och hållet och lämnar den obehindrad i sitt eget utrymme. Vissa alternativ gör att bilden kan ritas över av text eller andra element, eller till och med att flyta som en del av layouten så att den kommer att inkluderas i en rad, som vilken annan bokstav i en mening som helst.