Vad är en HTML Image Link?

När en person skapar en webbsida som innehåller en bild, införs inte bilden faktiskt 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 används <img> HTML-taggen för att tillhandahålla informationen där 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.

Att använda <img> -taggen ensam ger ingen information till webbsidan som är tänkt 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 .

Src- attributet för HTML-bildlänken ger webbadressen, eller URL, där bilden är belägen. Webbadressen kan ha en av två former. En absolut URL ger en komplett webbadress som riktar sig 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-adressen i src- attributet är att skriva en relativ URL. När det gäller en relativ URL tillhandahåller webbadressen en länk till en bild i samma webbplatskatalog. Den relativa webbadressen är en avkortad version av en absolut URL eftersom bilden ligger 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 är placerad, eftersom den ligger i en bildmapp i det andra exemplet.

Det andra nödvändiga attributet är alt , som ger alternativ text för bilden. Detta är inte text som visas om en användare svävar över en mus över bilden, utan text som visas om bilden inte kan visas av någon anledning. Det finns många orsaker till att en bild inte kan visas, inklusive fall där URL: en i src- attributet är felaktig eller trasig, eller när en användare som har en synskadad användning använder en skärmläsare.

Den mest grundläggande koden för en HTML-bildlänk ser ut som följande: <img src = "URL" alt = "text" />. Eftersom <img> -taggen inte har en sluttagg, är det viktigt att avsluta den med /> så att webbläsaren vet att instruktionen har avslutats. Src- attributet 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.