Cum să transformi un link într-o imagine

Imaginile pot îmbunătăți aspectul paginii web, ruptând textul și adăugând interes vizual. În mod fundamental, o imagine afișată pe o pagină este în realitate un link către un fișier, fie pe același server, fie pe un server extern.

Pentru a afișa o imagine trebuie să îi indici browserului locația acestuia. Această informație se introduce în elementul <img> prin atributul src.

Crearea imaginii

1. Imagine locală: dacă fișierul se află pe același server, specifică numele fișierului:

<img src="nume_imagine.jpg" alt="Descriere">

2. Imagine remote: dacă fișierul este pe un alt server, introdu URL-ul complet:

<img src="https://exemplu.com/imagine.jpg" alt="Descriere">

Alinierea imaginii

HTML oferă atribute de aliniere:

• align – poziționează imaginea pe orizontală (value: left, right, center).
• valign – poziționează imaginea pe verticală (value: top, bottom, center).

Exemplu: imagine la dreapta, în partea de sus a paginii:

<img src="https://exemplu.com/imagine.jpg" align="right" valign="top" alt="Descriere">

Text alternativ (alt)

Atributul alt furnizează un text descriptiv în cazul în care imaginea nu se încarcă sau pentru cititoarele de ecran. De exemplu:

<img src="imagine.jpg" alt="Fotografie a unui peisaj">

Imagine ca link

Poți face ca o imagine să devină un hyperlink învelind-o în elementul <a>:

<a href="https://exemplu.com">
  <img src="imagine.jpg" alt="Link">
</a>

Astfel, utilizatorul poate face clic pe imagine pentru a accesa o altă pagină sau pentru a vizualiza fotografia în detaliu.