HTML img Etiketi

<img> Etiketi

Örnek

Bir resmin yerleştirilmesi:

<img src="cennet_papagani.jpg" alt="Cennet Papağanı" width="150" height="150"/>

<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

Bu blogdaki popüler yayınlar

HTML DOCTYPE Bildirimi

Javascript ile neler yapılabilir

Html belgesi yapısını anlama uygulaması

HTML5 ile SEO Uyumlu İçerik Üret

Web Sitenizden Çok Para Kazanin

Javascript kodları nereye yazılır

Uyurken Bile Para Kazanmak İster misin

YouTube reklamları nasıl engellenir