Când o persoană creează o pagină web care conține o imagine, imaginea nu este de fapt inserată în pagină cu restul informațiilor. Pentru a afișa imagini pe web, se folosește un link de imagine HTML în loc de încorporarea imaginii în pagină. Pentru a utiliza linkul de imagine HTML, Eticheta HTML este folosită pentru a furniza informații despre locul în care este stocată imaginea și poate fi accesată. Această etichetă poate fi utilizată cu toate browserele și poate fi folosită pentru a încărca toate tipurile de imagini care sunt acceptate de browsere.
Utilizarea Numai eticheta nu oferă paginii web informații care sunt menite să conțină o imagine. Există două atribute care sunt necesare pentru ca linkul de imagine HTML să fie scris corect, astfel încât imaginea să se încarce atunci când se încarcă pagina web. Există, de asemenea, câteva atribute opționale care pot fi incluse pentru a oferi informații suplimentare. Atributele care sunt necesare pentru a scrie linkul de imagine sunt src și alt.
Atributul src al linkului de imagine HTML furnizează adresa web sau URL-ul unde se află imaginea. URL-ul poate lua una din două forme. O adresă URL absolută oferă o adresă web completă care direcționează către o imagine de pe un alt site web. Un exemplu de includere a unei adrese URL absolute pentru atributul src ar fi: src=”http://www.website.com/image.jpg” – unde site-ul web.com indică către un alt site și imagine.jpg către un anume imagine.
Cealaltă opțiune pentru adresa URL din atributul src este să scrieți o adresă URL relativă. În cazul unei adrese URL relative, adresa web furnizează un link către o imagine din același director al site-ului web. Adresa URL relativă este o versiune trunchiată a unei adrese URL absolute, deoarece imaginea este situată în același loc cu pagina web. Exemple de atribut src cu o adresă URL relativă sunt: src=”image.jpg” sau src=”images/image.jpg”. Singura diferență în aceste exemple este locul în care se află imaginea, deoarece este localizată într-un folder de imagini în al doilea exemplu.
Celălalt atribut necesar este alt, care oferă text alternativ pentru imagine. Acesta nu este text care este afișat dacă un utilizator plasează mouse-ul peste imagine, ci text care este afișat dacă imaginea nu poate fi afișată dintr-un motiv oarecare. Există multe motive pentru care o imagine nu poate fi afișată, inclusiv cazurile în care adresa URL din atributul src este incorectă sau ruptă sau când un utilizator cu deficiențe de vedere utilizează un cititor de ecran.
Codul cel mai de bază pentru un link de imagine HTML va arăta cam așa: . Deoarece tag-ul nu are o etichetă de final, este important să o încheiați cu /> pentru ca browserul să știe că instrucțiunea s-a încheiat. Atributul src indică o locație pentru o imagine, așa că este important să vă asigurați că legăturile către alte site-uri nu sunt întrerupte și că imaginile nu sunt mutate în directorul unui site web și să corectați linkurile atunci când apar probleme.