Hvad er et HTML Image Link?

Når en person opretter en webside, der indeholder et billede, indsættes billedet faktisk ikke på siden med resten af ​​informationen. For at få vist billeder på nettet bruges et HTML-billedlink i stedet for at indlejre billedet på siden. For at bruge HTML-billedlinket bruges <img> HTML-tagget til at give oplysningerne, hvor billedet er gemt og kan fås adgang til. Dette tag kan bruges med alle browsere og kan bruges til at indlæse alle billedtyper, der understøttes af browserne.

Brug af <img> -taget alene giver ingen information til den webside, der er beregnet til at indeholde et billede. Der er to attributter, der kræves for, at HTML-billedlinket skal skrives korrekt, så billedet indlæses, når websiden indlæses. Der er også flere valgfri attributter, der kan inkluderes for at give yderligere information. De attributter, der kræves for at skrive billedlinket, er src og alt .

Src- attributten for HTML-billedlinket indeholder webadressen eller URL'en, hvor billedet er placeret. Webadressen kan have en af ​​to former. En absolut URL giver en komplet web-adresse, der dirigerer til et billede på et andet websted. Et eksempel på at inkludere en absolut URL til src-attributten ville være: src = "http://www.website.com/image.jpg" - hvor website.com peger på et andet sted og image.jpg peger på et specifikt billede.

Den anden mulighed for URL'en inden for src- attributten er at skrive en relativ URL. I tilfælde af en relativ URL giver webadressen et link til et billede i den samme webstedsmappe. Den relative URL er en afkortet version af en absolut URL, da billedet er placeret samme sted som websiden. Eksempler på src-attributten med en relativ URL er: src = "image.jpg" eller src = "images / image.jpg". Den eneste forskel i disse eksempler er hvor billedet er placeret, da det er placeret i en billedmappe i det andet eksempel.

Den anden påkrævede attribut er alt , der giver alternativ tekst til billedet. Dette er ikke tekst, der vises, hvis en bruger svæver en mus over billedet, men tekst, der vises, hvis billedet af en eller anden grund ikke kan vises. Der er mange grunde til, at et billede muligvis ikke vises, inklusive tilfælde, hvor URL-adressen i src- attributten er forkert eller ødelagt, eller når en bruger, der har en synshandicering, bruger en skærmlæser.

Den mest basale kode for et HTML-billedlink ser sådan ud: <img src = "URL" alt = "tekst" />. Da <img> -mærket ikke har et slutmærke, er det vigtigt at afslutte det med />, så browseren ved, at instruktionen er afsluttet. Src- attributten peger på et sted for et billede, så det er vigtigt at sikre sig, at links til andre sider ikke er ødelagte, og at billeder ikke flyttes rundt i et webstedsbibliotek, og at rette links, når der opstår problemer.