HTML <IMG> etiketi, sayfaya resim veya video eklenmesini sağlar. HTML sayfalarındaki resimler, dokümana dahil değildir. img elementinin src parametresi ile resmin bulunduğu adrese referans verilerek tarayıcının resmi yüklemesi sağlanır.
HTML Sözdizimi ve Özellikler
| <IMG |
| id= | Eşsiz kimliğini belirtir. |
| class= | Sınıf adını belirtir. |
| style= | CSS kuralları tanımlar. |
| title= | Kısa bilgi belirtir. |
| lang= | İçerdiği metnin lisanını belirtir. |
| dir= | İçerdiği metnin yönünü belirtir. |
| longdesc= | Resim hakkında geniş açıklama olan bir URL belirtir. |
| alt= | Alternatif metni belirtir. |
| src= | Resmin adresini belirtir. |
| height= | Resmin yüksekliğini belirtir. |
| width= | Resmin genişliğini belirtir. |
| usemap= | Resim haritalama verilerinin bulunduğu MAP elementinin adresini belirtir. |
| ismap= | Sunucu taraflı resim haritalama kullanılıp-kullanılmadığını belirtir. |
| border= | Kenarlık genişliğini belirtir. |
| /> |
HTML & JavaScript Olayları
| <IMG |
| onclick= | Elemente klavye veya fare ile tıklandığında tetiklenir. |
| ondblclick= | Elemente fare ile çift tıklandığında tetiklenir. |
| onmousedown= | Element üzerinde fare tuşuna basıldığında tetiklenir. |
| onmouseup= | Basılı olan fare tuşu bırakıldığında tetiklenir. |
| onmouseover= | Elementin kapladığı alana girildiğinde tetiklenir. |
| onmousemove= | Element üzerinde fare işaretçisi hareket ettirildiğinde tetiklenir. |
| onmouseout= | Elementin kapladığı alandan çıkıldığında tetiklenir. |
| onkeypress= | Element üzerindeyken klavyeden bir tuşa basıldığında tetiklenir. |
| onkeydown= | Element üzerindeyken klavyeden bir tuşa ilk basıldığında tetiklenir. |
| onkeyup= | Basılı olan klavye tuşu bırakıldığında tetiklenir. |
| /> |
Örnek
Aşağıdaki örnek, HTML IMG etiketi kullanılarak bir resmin yüklenmesini göstermektedir.
<img src="insanlar.jpg" alt="İnsanlar" />
Canlı Sonuç