IMAGINI IN HTML

Tag-ul imagine <img> si atributul src

Pentru insera o imagine in HTML  se utilizeaza tag-ul <img>. Tag-ul <img> este un tag gol ceea ce inseamna ca nu contine decat atribute si nu are tag de sfarsit. Pentru a afisa o imagine intr-un document HTML trebuie folosit si atributul src. Src vine de la cuvantul “source”, iar valoarea atributului este chiar URL-ul imaginii ce se doreste a fi afisata in pagina HTML.

Sintaxa pentru a insera o imagine este urmatoarea:

<img src="url">

URL-ul indica direct locatia in care se afla imaginea. Spre exemplu daca se doreste afisarea unei imagini care se numeste sigla.jpg si se afla in folderul sigle de pe serverul “www.tutorialeweb.ro“, atunci URL-ul imaginii va fi urmatorul:

http://www.tutorialeweb.ro/sigle/sigla.jpg

Imaginea va aparea in browser acolo unde apare tag-ul <img> in document. Daca spre exemplu tag-ul se afla intre doua paragrafe atunci browser-ul va afisa primul paragraf dupa care ca insera imaginea si apoi va afisa si al doilea paragraf.

Atributul alt

Atributul alt este utilizat pentru a defini un text alternativ la imagine. Valoarea acestui autor este definita de autor si va aparea atunci cand din diverse motive browser-ul nu poate afisa imaginea in cauza.

Sintaxa atributului alt:

<img src="boat.gif" alt="Big Boat">

Pont HTML

Daca un document are inserate 10 imagini, atunci browser-ul va trebui sa descarce cel putin 11 fisiere fisiere, cele 10 imagini plus documentul in sine ceea ce va necesita un timp de incarcare considerabil. De aceea este necesara o atentie sporita in lucrul cu imagini.

Tag-uri pentru imagine

Tag	Descriere
<img>	Defineste o imagina
<map>	Defineste o harta a imaginii
<area>	Defineste o zona din interiorul unei harti in care se poate face click