Hva er en HTML Image Link?

Når en person oppretter en webside som inneholder et bilde, settes ikke bildet inn på siden med resten av informasjonen. For å vise bilder på nettet, brukes en HTML-bildelink i stedet for å legge inn bildet på siden. For å bruke HTML-bildekoblingen brukes <img> HTML-taggen for å gi informasjonen der bildet er lagret og kan nås. Denne taggen kan brukes med alle nettlesere og kan brukes til å laste inn alle bildetyper som støttes av nettleserne.

Å bruke taggen <img> alene gir ingen informasjon til websiden som er ment å inneholde et bilde. Det er to attributter som kreves for at HTML-bildelinken skal skrives riktig slik at bildet lastes inn når websiden lastes inn. Det er også flere valgfrie attributter som kan inkluderes for å gi ytterligere informasjon. Attributtene som kreves for å skrive bildekoblingen er src og alt .

Src- attributtet til HTML-bildelinkene gir webadressen, eller URL-en, der bildet ligger. Nettadressen kan ha en av to former. En absolutt nettadresse gir en komplett nettadresse som henviser til et bilde på et annet nettsted. Et eksempel på å inkludere en absolutt URL for src-attributtet vil være: src = "http://www.website.com/image.jpg" - der website.com peker til et annet nettsted og image.jpg peker på en spesifikk bilde.

Det andre alternativet for URL-en i src- attributtet er å skrive en relativ URL. Når det gjelder en relativ URL, gir webadressen en kobling til et bilde i den samme nettstedskatalogen. Den relative URL-en er en avkortet versjon av en absolutt URL, ettersom bildet ligger på samme sted som websiden. Eksempler på src-attributtet med en relativ URL er: src = "image.jpg" eller src = "images / image.jpg". Den eneste forskjellen i disse eksemplene er hvor bildet ligger, ettersom det ligger i en bildemappe i det andre eksemplet.

Det andre nødvendige attributtet er alt , som gir alternativ tekst for bildet. Dette er ikke tekst som vises hvis en bruker svever en mus over bildet, men tekst som vises hvis bildet av en eller annen grunn ikke kan vises. Det er mange grunner til at et bilde ikke kan vises, inkludert tilfeller der nettadressen i src- attributtet er feil eller ødelagt, eller når en bruker som har en synshemming bruker en skjermleser.

Den mest grunnleggende koden for en HTML-bildelink vil se noe slik ut: <img src = "URL" alt = "text" />. Siden <img> -koden ikke har en sluttkode, er det viktig å avslutte den med /> slik at nettleseren vet at instruksjonen er avsluttet. Src- attributtet peker til et sted for et bilde, så det er viktig å forsikre deg om at koblinger til andre nettsteder ikke er ødelagte og at bilder ikke blir flyttet rundt i en katalog for nettsteder, og å rette koblinger når det oppstår problemer.