Pagina principala > Imaginile in paginile web
 
 

HTML permite si inserarea in paginile web a imaginilor. Putem insera tipuri variate de imagini. Tipurile de imagini cel mai des folosite in paginile web sunt:
· GIF (Graphics Interchange Format) cu extensia .gif;
· JPEG (Joint Photographic Experts Group) cu extensia .jpeg sau .jpg;
· BMP (BitMap) cu extensia .bmp

Tagul de inserare a imaginilor este <img>. Atentie: tagul <img> nu are tag de inchidere.

Atributele tagului <img> sunt:
src="adresa_fisier_imagine" - specifica adresa fisierului imagine (fisierul se poate afla pe acelasi server cu pagina sau pe altul)
alt="text_alternativ" - specifica un text alternativ care va aparea in cazul navigarii fara suport pentru imagini
height="nr" - inaltimea imaginii (in pixeli sau %)
width="nr" - latimea imaginii (in pixeli sau %)
border="nr_pixeli" - latimea bordurii imaginii
align="mod_de_aliniere" - specifica modalitatea de aliniere a imaginii

valori posibile pentru atributul de aliniere:
" left " - aliniere la stanga; celelalte componente sunt dispuse pe in partea dreapta;
" right " - aliniere la dreapta; celelalte componente sunt dispuse pe in partea stanga;
" top " - aliniere deasupra; partea de sus a imaginii se aliniaza cu partea de sus a textului ce precede imaginea;
" middle " - aliniere la mijloc; mijlocul imaginii se aliniaza cu linia de baza a textului ce precede imaginea.
" bottom " - aliniere la baza; partea de jos a imaginii se aliniaza cu linia de baza a textului.

Exemplu de folosire a tagului <img>:
<img src="sigla.jpg" width="200" height="180" alt="sigla facultate" align="middle" border="1">

are ca efect afisarea imaginii "sigla.jpg" in urmatorul mod: sigla facultate

Acelasi exemplu de cod - codul sursa si efectul in browser:
inserarea unei imagini

Exemplu de utilizare a unei imagini drept legatura (linkuri de tip imagine):

<a href="http://www.silvic.usv.ro" target="_blank" >
<img src="sigla.jpg" width="200" height="180" alt="Site-ul Facultatii de Silvicultura" border="1">
</a>

are ca efect afisarea unei imagini ce se comporta ca un link (atunci cand se da un click pe imagine se va face legatura cu site-ul Facultatii de Silvicultura Suceava. Site-ul va fi deschis intr-o noua fereastra) :
Site-ul Facultatii de Silvicultura