Vad är en HTML -bildlänk?

När en person skapar en webbsida som innehåller en bild, är bilden inte faktiskt in 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 html -taggen för att tillhandahålla informationen för var bilden lagras 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.

med -taggen enbart 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. De attribut som krävs för att skriva Image -länken är src och alt .

src attributet för HTML ImagE -länken tillhandahåller webbadressen eller URL, där bilden finns. URL: n kan ta 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 webbplats.com pekar på en annan webbplats och bild.jpg pekar på en specifik bild.

Det andra alternativet för URL inom 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 URL: n är en trunkerad version av en absolut URL eftersom bilden finns på samma plats som webbsidan. Exempel på SRC -attributet med en relativ URL är: src = "image.jpg" eller src = "bilder/image.jpg". Den enda skillnaden i dessa exempel är där bilden finns, som denfinns i en bildmapp i det andra exemplet.

Det andra obligatoriska attributet är alt , som ger alternativ text för bilden. Detta är inte text som visas om en användare svävar en mus över bilden, men text som visas om bilden inte kan visas av någon anledning. Det finns många skäl till varför en bild kanske inte visas, inklusive fall där URL i src attributet är felaktigt eller trasigt, eller när en användare som har en synskada använder en skärmläsare.

Den mest grundläggande koden för en HTML -bildlänk kommer att se ut som följande: . Eftersom taggen inte har en sluttagg är det viktigt att avsluta den med /> så att webbläsaren vet att instruktionen har slutat. 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 för att korrigera länkar när problem uppstår.