Hvad er et HTML -billedlink?

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

Brug af #60; IMG #62;Tag Alone giver ingen oplysninger til websiden, der er beregnet til at indeholde et billede.Der er to attributter, der kræves til, 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 af HTML -billedlinket giver webadressen eller URL, hvor billedet er placeret.URL'en kan tage en af to formularer.En absolut URL giver en komplet webadresse, der leder til et billede på et andet websted.Et eksempel på at inkludere en absolut URL for SRC -attributten ville være: src ' http: //www.website.com/image.jpg mdash;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 leverer webadressen et link til et billede inden for det samme webstedskatalog.Den relative URL er en trunkeret version af en absolut URL, da billedet er placeret på samme sted som websiden.Eksempler på SRC -attributten med en relativ URL er: src ' image.jpg eller src ' billeder/image.jpg.Den eneste forskel i disse eksempler er, hvor billedet er placeret, da det er placeret inden for en billedmappe i det andet eksempel.

Den anden 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 ikke kan vises af en eller anden grund.Der er mange grunde til, at et billede muligvis ikke vises, herunder tilfælde, hvor URL'en i SRC attributten er forkert eller ødelagt, eller når en bruger, der har en visuel svækkelse, bruger en skærmlæser.

Den mest basale kodeFor et HTML -billedlink ligner det følgende: #60; IMG SRC ' url alt ' tekst /#62;.Siden #60; IMG #62;Tag har ikke et slutmærke, det er vigtigt at afslutte det med /, så browseren ved, at instruktionen er afsluttet.Attributten SRC peger på et sted for et billede, så det er vigtigt at sikre, at links til andre websteder ikke er brudt, og at billeder ikke flyttes rundt i et webstedskatalog og for at korrigere links, når der opstår problemer.