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 |
