Vad är en HTML -bildlänk?

När en person skapar en webbsida som innehåller en bild, är bilden faktiskt inte 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, #60; IMG #62;HTML -taggen används 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 hjälp av #60; IMG #62;TAG ensam 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 Image -länken är src och alt .

src attributet för HTML -bildlänken ger 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 mdash;Där Webbplats.com pekar på en annan webbplats och Image.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, eftersom den finns 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 kodenFör en HTML -bildlänk kommer det att se ut som följande: #60; IMG SRC ' URL ALT ' text /#62;.Sedan #60; IMG #62;Taggen har inte en sluttagg, det är viktigt att avsluta den med / så att webbläsaren vet att instruktionen är slut.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.