Glavni problem vezan za HTML dodavanje slika iz udaljenih izvora je taj što to može dovesti do sporog vremena učitavanja stranice. To je zato što pregledač mora napraviti poseban zahtjev za svaku sliku, koji se može brzo zbrojiti ako postoji više slika na stranici. Osim toga, ako udaljeni izvor ne radi ili ima sporu vezu, to može dodatno odgoditi vrijeme učitavanja stranice. Konačno, postoji i povećan rizik od sigurnosnih propusta jer se slike preuzimaju iz vanjskog izvora.
<img src="https://example.com/image.jpg" alt="Example Image">
1. Ova linija koda je HTML oznaka slike, koja se koristi za prikaz slike na web stranici.
2. Atribut “src” specificira URL slike koja će se prikazati, u ovom slučaju to je “https://example.com/image.jpg”.
3. Atribut “alt” daje alternativni tekst za sliku, u ovom slučaju to je “Primjer slike”.
img src atribut
Atribut img src u HTML-u se koristi za određivanje izvora slike. Koristi se u okviru tag za definiranje izvora slike. Vrijednost ovog atributa bi trebala biti važeći URL koji upućuje na datoteku slike. Ovaj atribut je potreban za sve slike na web stranici i omogućava pretraživaču da locira i prikaže sliku.
Kako da dodam eksternu sliku u HTML
Dodavanje eksterne slike u HTML je prilično jednostavno. Sve što treba da uradite je da koristite označite i odredite izvor slike koristeći src atribut. Sintaksa za dodavanje eksterne slike u HTML izgleda ovako:
Gdje je “image_url” veza do datoteke slike, a “alternativni tekst” je opis onoga što se nalazi na slici (u svrhu pristupačnosti).
Na primjer, ako želite dodati vanjsku sliku sa svoje web stranice pod nazivom my-image.jpg, vaš kod bi izgledao ovako:
