Vad är HTML-bildkod?
I ett HyperText Markup Language (HTML) -dokument programmeras HTML-bildkod för att infoga grafiska bilder på olika punkter i layouten. Koden är vanligtvis en serie med mänskliga läsbara nyckelord som sedan tilldelas tillhörande värden, lindade mellan större än och mindre än tecken i HTML-dokumentet. Den resulterande HTML-bildkoden berättar en webbläsare eller annan dokumentvisare platsen för bildfilen online eller på en hårddisk, bildens mått, vilken specialformat bilden har och olika justeringsalternativ för de andra elementen i HTML dokument som omger det. Bilder kan kapslas in i andra HTML-koder - ibland kända som taggar - så att de kan användas som klickbara länkar, listobjekt eller bakgrundsbilder. Genom att använda CSS-tillägg i cascading style sheet (HTML) kan många andra värden och egenskaper hos en bild i ett dokument också ändras, medan vissa programmeringsspråk kan inbäddas 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 berättar webbläsaren att en bild kommer att infogas i dokumentet vid denna tidpunkt och att information om bilden kommer att följa. Den enda information som krävs som måste finnas i 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 universalresursplats (URL), ungefär som en webbplatsadress.
Det finns andra egenskaper som kan definieras i en HTML-bildkod. Höjden och bredden på bilden kan uttryckligen anges, så att bilden kan ändras i storlek för att passa in i 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. Gränser och avstånd runt bilden kan också ställas in, vilket ger bilden ett tydligt utseende och placering på en webbsida.
En hel del HTML-bildkod kan användas för att definiera hur bilden är i linje 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 man hoppar över bilden helt och lämnar den obehindrad i sitt eget utrymme. Vissa alternativ tillåter att bilden dras över med 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 alla andra bokstäver i en mening.