HTML img Etiketi
<img> Etiketi
Örnek
Bir resmin yerleştirilmesi:
<img> Tanımı ve Kullanımı
<img> etiketi HTML sayfasındaki bir resmi tanımlar.
<img> etiketinin iki gerekli özelliği vardır: src ve alt
Not: Resimler aslında HTML sayfasın içine yüklenmiyorlar, yalnızca HTML sayfasına köprüleniyorlar. <img> etiketi başvurulan resim için barınma alanı oluşturur.
İpucu: Bir resmi başka bir sayfaya yönlendirmek için, <img> etiketini <a> etiketi içinde kullanabilirsiniz.
Tarayıcı Desteği
| Element | ||||||
|---|---|---|---|---|---|---|
| <img> | Var | Var | Var | Var | Var | Var |
HTML 4.01 ile HTML5 arasındaki farklar
Şu özellikler: align, border, hspace ve vspace HTML5'te desteklenmiyor.
HTML ile XHTML arasındaki farklar
HTML'de <img> etiketinin kapanış etiketi yoktur.
XHTML'de ise <img> etiketi doğru bir şekilde kapatılmalıdır.
Özellikler
= HTML5'te yeni.
| Özellik | Değer | Tanım |
|---|---|---|
| align | top bottom middle left right |
HTML 5'te desteklenmiyor. Kendini çevreleyen elementlere göre resmin hizalanışını belirler. |
| alt | yazı | Resim için alternatif metni belirler. |
| border | piksel | HTML 5'te desteklenmiyor. Resim çevresinin sınır genişliğini belirler. |
| crossorigin | anonymous use-credentials |
canvas ile birlikte kullanmak için cross-origin erişimine izin veren üçüncü-taraf sitelerinden resimlere izin verir. |
| height | piksel | Resmin yüksekliğini belirler. |
| hspace | piksel | HTML 5'te desteklenmiyor. Resmin sağ ve sol tarafındaki beyaz boşluğu tanımlar. |
| ismap | ismap | Resmi sunucu-taraflı görüntü-haritası olarak tanımlar. |
| longdesc | URL | Resmin detaylı açıklamasına bir URL belirler. |
| src | URL | Resmin URL'sini tanımlar. |
| usemap | #harita_adı | Resmi istemci-taraflı görüntü-haritası olarak tanımlar. |
| vspace | piksel | HTML 5'te desteklenmiyor. Resmin alt ve üst tarafındaki beyaz boşluğu tanımlar. |
| width | piksel | Resmin genişliğini belirler. |
Standart Özellikler
<img> etiketi Standart Özellikleri desteklemektedir.
HTML Standart Özellikler'i inceleyebilirsiniz.
Olay Özellikleri
<img> etiketi Olay Özelliklerini desteklemektedir.
HTML Olay Özellikleri'ni inceleyebilirsiniz.
Yorumlar
Yorum Gönder