Cel.ro

HTML < img > Tag

by donpedro
Published on: 4 February 2011
Categories: HTML, Wiki IT
Comments: No Comments

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
No Comments - Leave a comment

Leave a comment



Utilizator: , data curenta: 25 May 2018