När en person skapar en webbsida som innehåller en bild, infogas bilden faktiskt inte på sidan med resten av informationen. För att visa bilder på webben används en HTML-bildlänk istället för att bädda in bilden på sidan. För att använda HTML-bildlänken, HTML-tagg används för att ge information om var bilden är lagrad och kan nås. Den här taggen kan användas med alla webbläsare och kan användas för att ladda alla bildtyper som stöds av webbläsarna.
Använda Enbart taggen ger ingen information till webbsidan som är avsedd att innehålla en bild. Det finns två attribut som krävs för att HTML-bildlänken ska skrivas korrekt så att bilden laddas när webbsidan laddas. Det finns också flera valfria attribut som kan inkluderas för att ge ytterligare information. Attributen som krävs för att skriva bildlänken är src och alt.
HTML-bildlänkens src-attribut tillhandahåller webbadressen, eller URL, där bilden finns. URL:en kan ha en av två former. En absolut URL ger en komplett webbadress som leder till en bild på en annan webbplats. Ett exempel på att inkludera en absolut URL för src-attributet skulle vara: src=”http://www.website.com/image.jpg” — där website.com pekar på en annan webbplats och image.jpg pekar på en specifik bild.
Det andra alternativet för URL:en inom src-attributet är att skriva en relativ URL. I fallet med en relativ URL ger webbadressen en länk till en bild i samma webbplatskatalog. Den relativa URL:en är en trunkerad version av en absolut URL eftersom bilden är placerad på samma plats som webbsidan. Exempel på src-attributet med en relativ URL är: src=”image.jpg” eller src=”images/image.jpg”. Den enda skillnaden i dessa exempel är var bilden finns, eftersom den finns i en bildmapp i det andra exemplet.
Det andra obligatoriska attributet är alt, vilket ger alternativ text till bilden. Detta är inte text som visas om en användare håller musen över bilden, utan text som visas om bilden av någon anledning inte kan visas. Det finns många anledningar till att en bild kanske inte visas, inklusive fall då URL:en i src-attributet är felaktig eller trasig, eller när en användare som har en synnedsättning använder en skärmläsare.
Den mest grundläggande koden för en HTML-bildlänk kommer att se ut ungefär så här: . Sedan taggen har ingen sluttagg, det är viktigt att avsluta den med /> så att webbläsaren vet att instruktionen har avslutats. Attributet src pekar på en plats för en bild, så det är viktigt att se till att länkar till andra webbplatser inte är trasiga och att bilder inte flyttas runt i en webbplatskatalog, och att korrigera länkar när problem uppstår.