Hyper Text Markup Language (HTML)

Link-uri imagine
Cu ajutorul imaginilor poti da putina viata unei pagini web. Transformarea unei
imagini intr-un link nu este nicidecum dificilă. Trebuie doar sa introduci sursa
imagini in interiorul tag-ului de link.

<a href="sursa_imagine.jpg" title="Aceasta este o imagine cu link in HTML">

<img src=”link_imagine.jpg" width="120" height="75" />

</a>

Imagine cu bordura (chenar)

În general majoritatea browser-elor adauga o margine fotografiei folosite
pentru link, pentru a o diferentiata de o fotografie normala.

Pentru a nu avea probleme de vizualizari diferite in functie de browser putem

seta marginea la o valoare definita.

HTML

<a href="Imagine_sursa” TITLE="Aceasta este o imagine cu link in HTML">

<img src=”imaginecu bordura.jpg" width="120" height="75" style="border:4px

solid #337AB7" />

</a>

HTML – Miniaturi (Tumbnails)

Tumbnails-urile sunt versiuni în miniatură (ocupă mult mai puțini kilobytes în
memoria calculatorului) a unor imagini care în realitate sunt mult mai mari și
cu o calitate sporită. Pentru a realiza o imagine-miniatură (un tumbnail),
salvează imaginea într-o calitate mult mai scăzută cu dimensiuni reduse. Fă
apoi această imagine un link ce va conduce la imaginea inițiala de de
dimensiuni sporite.

COD HTML

<a href="image.jpg" title="Aceasta este o imagine cu link in HTML">

 <img src="image.jpg" width="66" height="49" />

</a>