Principala problemă legată de adăugarea de imagini HTML din surse de la distanță este că poate duce la timpi lenți de încărcare a paginii. Acest lucru se datorează faptului că browserul trebuie să facă o solicitare separată pentru fiecare imagine, care se poate adăuga rapid dacă există mai multe imagini pe pagină. În plus, dacă sursa de la distanță este oprită sau are o conexiune lentă, acest lucru poate întârzia și mai mult timpii de încărcare a paginii. În cele din urmă, există și un risc crescut de vulnerabilități de securitate, deoarece imaginile sunt extrase dintr-o sursă externă.
<img src="https://example.com/image.jpg" alt="Example Image">
1. Această linie de cod este o etichetă de imagine HTML, care este utilizată pentru a afișa o imagine pe o pagină web.
2. Atributul „src” specifică adresa URL a imaginii care urmează să fie afișată, în acest caz este „https://example.com/image.jpg”.
3. Atributul „alt” oferă text alternativ pentru imagine, în acest caz este „Imagine exemplu”.
atributul img src
Atributul img src în HTML este folosit pentru a specifica sursa unei imagini. Este folosit în cadrul etichetă pentru a defini sursa unei imagini. Valoarea acestui atribut trebuie să fie o adresă URL validă care să indice un fișier imagine. Acest atribut este necesar pentru toate imaginile dintr-o pagină web și permite browserului să localizeze și să afișeze imaginea.
Cum adaug o imagine externă în HTML
Adăugarea unei imagini externe în HTML este destul de simplă. Tot ce trebuie să faci este să folosești etichetați și specificați sursa imaginii folosind atributul src. Sintaxa pentru adăugarea unei imagini externe în HTML arată astfel:
Unde „image_url” este un link către fișierul imagine, iar „text alternativ” este o descriere a ceea ce este în imagine (în scopuri de accesibilitate).
De exemplu, dacă doriți să adăugați o imagine externă de pe site-ul dvs. numită my-image.jpg, codul dvs. ar arăta astfel: