Glavni problem vezan uz HTML dodavanje slika iz udaljenih izvora je taj što može dovesti do sporog učitavanja stranice. To je zato što preglednik mora napraviti zaseban zahtjev za svaku sliku, što se može brzo zbrojiti ako na stranici postoji više slika. 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 povlače 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” navodi URL slike koja će se prikazati, u ovom slučaju to je “https://example.com/image.jpg”.
3. Atribut "alt" pruža alternativni tekst za sliku, u ovom slučaju to je "Primjer slike".
img src atribut
Atribut img src u HTML-u koristi se za određivanje izvora slike. Koristi se unutar oznaku za definiranje izvora slike. Vrijednost ovog atributa treba biti važeći URL koji upućuje na slikovnu datoteku. Ovaj je atribut potreban za sve slike na web-stranici i omogućuje pregledniku da locira i prikaže sliku.
Kako mogu dodati vanjsku sliku u HTML
Dodavanje vanjske slike u HTML vrlo je jednostavno. Sve što trebate učiniti je koristiti oznaku i odredite izvor slike pomoću atributa src. Sintaksa za dodavanje vanjske slike u HTML izgleda ovako:
Gdje je "image_url" poveznica na slikovnu datoteku, a "alternativni tekst" je opis onoga što je na slici (radi pristupačnosti).
Na primjer, ako želite dodati vanjsku sliku sa svoje web stranice pod nazivom moja-slika.jpg, vaš bi kôd izgledao ovako:
