Det största problemet med att HTML lägga till bilder från fjärrkällor är att det kan leda till långsamma sidladdningstider. Detta beror på att webbläsaren måste göra en separat förfrågan för varje bild, som kan läggas snabbt om det finns flera bilder på sidan. Dessutom, om fjärrkällan är nere eller har en långsam anslutning, kan detta ytterligare fördröja sidladdningstiderna. Slutligen finns det också en ökad risk för säkerhetsbrister eftersom bilderna hämtas från en extern källa.
<img src="https://example.com/image.jpg" alt="Example Image">
1. Denna kodrad är en HTML-bildtagg, som används för att visa en bild på en webbsida.
2. Attributet "src" anger webbadressen till bilden som ska visas, i det här fallet är det "https://example.com/image.jpg".
3. Attributet "alt" tillhandahåller alternativ text för bilden, i det här fallet är det "Exempelbild".
img src-attribut
Img src-attributet i HTML används för att ange källan till en bild. Den används inom tagg för att definiera källan till en bild. Värdet på det här attributet ska vara en giltig URL som pekar på en bildfil. Det här attributet krävs för alla bilder på en webbsida, och det gör att webbläsaren kan hitta och visa bilden.
Hur lägger jag till en extern bild i HTML
Att lägga till en extern bild i HTML är ganska enkelt. Allt du behöver göra är att använda tagga och ange källan till bilden med attributet src. Syntaxen för att lägga till en extern bild i HTML ser ut så här:
Där "image_url" är en länk till bildfilen och "alternativ text" är en beskrivning av vad som finns i bilden (för tillgänglighetssyften).
Om du till exempel vill lägga till en extern bild från din webbplats som heter my-image.jpg, skulle din kod se ut så här:
