Glavna težava v zvezi z dodajanjem slik HTML iz oddaljenih virov je, da lahko povzroči počasno nalaganje strani. To je zato, ker mora brskalnik narediti ločeno zahtevo za vsako sliko, ki se lahko hitro sešteje, če je na strani več slik. Poleg tega, če oddaljeni vir ne deluje ali ima počasno povezavo, lahko to še dodatno podaljša čas nalaganja strani. Končno obstaja tudi povečano tveganje varnostnih ranljivosti, saj se slike črpajo iz zunanjega vira.
<img src="https://example.com/image.jpg" alt="Example Image">
1. Ta vrstica kode je oznaka slike HTML, ki se uporablja za prikaz slike na spletni strani.
2. Atribut »src« določa URL slike, ki bo prikazana, v tem primeru je to »https://example.com/image.jpg«.
3. Atribut »alt« ponuja alternativno besedilo za sliko, v tem primeru je to »Primer slike«.
atribut img src
Atribut img src v HTML se uporablja za določanje vira slike. Uporablja se znotraj oznako za določitev vira slike. Vrednost tega atributa mora biti veljaven URL, ki kaže na slikovno datoteko. Ta atribut je potreben za vse slike na spletni strani in omogoča brskalniku, da poišče in prikaže sliko.
Kako dodam zunanjo sliko v HTML
Dodajanje zunanje slike v HTML je povsem preprosto. Vse kar morate storiti je, da uporabite in določite vir slike z atributom src. Sintaksa za dodajanje zunanje slike v HTML izgleda takole:
Pri čemer je »image_url« povezava do slikovne datoteke, »alternativno besedilo« pa je opis tega, kar je na sliki (za namene dostopnosti).
Če bi na primer želeli dodati zunanjo sliko s svojega spletnega mesta z imenom moja-slika.jpg, bi bila vaša koda videti takole:
