Definire si utilizare
Tag-ul <img> poate introduce o imagine int-run fisier HTML.
Tag-ul <img> are un atribut obligatoriu si anume src.
Exemplu: <img src=”poza.jpg”>
Browser-e suportate
Internet Explorer
Firefox
Opera
Google Chrome
Safari
Tag-ul <img> este suportat in majoritatea browser-elor importante.
Diferente intre HTML si XHTML
In HTML <img> nu are sfarsit de tag </img>.
In XHTML <img> trebuie inchis corect.
Sfaturi si insemnari
Sfat: Atributul ALT va trebui folosit ca text alternativ pentru situatiile cand imaginea nu poate fi incarcata, nicidecum ca text pentru “mouse-over”.
Insemnare: Verificati de fiecare data prezenta imaginii incarcata. In cazul in care imaginea nu este incarcata in browser va apare o “imagine sparta” implicita.
Atribute
DTD (Document Type Definition) indica in ce tip de document atributul este permis. S=Strict, T=Transitional, and F=Frameset.
| Atribut |
Valoare |
Descriere |
DTD |
| alt |
text |
Specifica text alternativ pentru imagine |
STF |
| src |
URL |
Specifica calea (URL) catre acea imagine |
STF |
Atribute optionale
| Atribut |
Valoare |
Descriere |
DTD |
| align |
topbottommiddleleft
right |
Depreciat. A se folosi stiluri css.Specifica aliniamentul imaginii in functie de elementele inconjuratoare |
TF |
| border |
pixeli |
Depreciat. A se folosi stiluri css.Specifica dimensiunea in pixeli a chenarului din jurul imaginii. |
TF |
| height |
pixeli%
|
Specifica inaltimea imaginii |
STF |
| hspace |
pixeli |
Depreciat. A se folosi stiluri css.Specifica spatiul liber din stanga si din dreapta imaginii. |
TF |
| ismap |
ismap |
Specifică o imagine ca un server-side image-map |
STF |
| longdesc |
URL |
Specifica calea (URL) catre descrierea mare a imaginii. |
STF |
| usemap |
#numeharta |
Specifica faptul ca imaginea are o harta asociata. |
STF |
| vspace |
pixeli |
Depreciat. A se folosi stiluri css.Specifica spatiul liber de sus si din josul imaginii. |
TF |
| width |
pixeli%
|
Specifica latimea imaginii |
STF |
Atribute standard
| Atribut |
Valoare |
Descriere |
DTD |
| class |
classname |
Specifica clasa elementului. |
STF |
| dir |
rtlltr |
Specifica directia textului. |
STF |
| id |
id |
Specifica identificatorul unic pentru element. |
STF |
| lang |
cod_limba |
Specifica codul de limba pentru element |
STF |
| style |
definire_stil |
Specificare de stiluri |
STF |
| title |
text |
Specifica informatii auxiliare pentru imagine |
STF |
| xml:lang |
cod_limba |
Specifica codul de limba pentru continutul unui element, pentru XHTML |
STF |
Atribute pentru evenimente
| Atribut |
Valoare |
Descriere |
DTD |
| onabort |
script |
Script care se executa cand imaginea nu a fost incarcata. |
STF |
| onclick |
script |
Script care se executa la click mouse |
STF |
| ondblclick |
script |
Script care se executa la dublu click mouse |
STF |
| onmousedown |
script |
Script care se executa cand se tine mouse-ul apasat |
STF |
| onmousemove |
script |
Script care se executa cand se misca mouse-ul |
STF |
| onmouseout |
script |
Script care se executa cand mouse-ul se muta din element |
STF |
| onmouseover |
script |
Script care se executa cand se muta cursorul mouse-ului peste element |
STF |
| onmouseup |
script |
Script care se executa cand butonul mouse-ului este eliberat |
STF |
| onkeydown |
script |
Script care se executa cand o tasta este apasata |
STF |
| onkeypress |
script |
Script care se executa cand o tasta este apasata si eliberata |
STF |
| onkeyup |
script |
Script care se executa cand o tasta este eliberata |
STF |
