Hovedproblemet knyttet til HTML å legge til bilder fra eksterne kilder er at det kan føre til treg sideinnlastingstid. Dette er fordi nettleseren må lage en separat forespørsel for hvert bilde, som kan legge seg raskt hvis det er flere bilder på siden. I tillegg, hvis den eksterne kilden er nede eller har en treg tilkobling, kan dette forsinke siden lastetiden ytterligere. Til slutt er det også økt risiko for sikkerhetssårbarheter siden bildene blir hentet fra en ekstern kilde.
<img src="https://example.com/image.jpg" alt="Example Image">
1. Denne kodelinjen er en HTML-bildekode, som brukes til å vise et bilde på en nettside.
2. «src»-attributtet spesifiserer URL-en til bildet som skal vises, i dette tilfellet er det «https://example.com/image.jpg».
3. «alt»-attributtet gir alternativ tekst for bildet, i dette tilfellet er det «Eksempelbilde».
img src-attributt
Img src-attributtet i HTML brukes til å spesifisere kilden til et bilde. Den brukes innenfor tag for å definere kilden til et bilde. Verdien til dette attributtet skal være en gyldig URL som peker til en bildefil. Dette attributtet kreves for alle bilder på en nettside, og det lar nettleseren finne og vise bildet.
Hvordan legger jeg til et eksternt bilde i HTML
Å legge til et eksternt bilde i HTML er ganske enkelt. Alt du trenger å gjøre er å bruke tag og spesifiser kilden til bildet ved å bruke src-attributtet. Syntaksen for å legge til et eksternt bilde i HTML ser slik ut:
Der "image_url" er en lenke til bildefilen, og "alternativ tekst" er en beskrivelse av hva som er i bildet (for tilgjengelighetsformål).
Hvis du for eksempel ønsker å legge til et eksternt bilde fra nettstedet ditt kalt my-image.jpg, vil koden din se slik ut: