Giriş yap

<img> Etiketi
HTML

<img> etiketi bir web sayfasına bir görsel eklemek için kullanılır.

Yapısı (Syntax)<img src="..">

Etiket Türü Kendi Kendine Kapanan Etiket
Görünüm Satır Içi
Kullanım Görsel

Nitelikler

Nitelik Değeri Açıklama
alt metin Görsel için alternatif bir metin oluşturur.
crossorigin anonymous
use-credentials
Görselin başka bir web sayfasından erişim izini.
height pixels Görseli belirli bir yükseklik boyutuna ayarlar.
width pixels Görseli belirli bir genişlik boyutuna ayarlar.
ismap ismap Bir görüntüyü sunucu tarafında image-map (görüntü haritası) olarak belirtir.
longdesc URL Görselin ayrıntılı açıklamasında URL belirtir.
sizes Farklı sayfa düzenleri için görsel boyutlarını belirtir.
src URL Görselin URL adresini belirtir.
srcset URL Farklı durumlarda kullanılacak görselin adresini belirtir.
usemap #mapname Görseli kullanıcı tarafında image-map (görüntü haritası) olarak belirtir.

Varsayılan CSS Değerleri

img {
	display: inline-block;
}

Örnekler

En basit haliyle kullanımı;

<img src="dosya_yolu">

<img> etiketini kullanırken alt niteliğini kullanarak görsel için alternatif bir metin belirtebilirsiniz;

<img src="https://prototurk.com/img/logo.png" alt="görsel metni">

width ve height niteliklerini kullanarak görselin boyutunu düzenleyebilirsiniz;

<img src="https://prototurk.com/img/logo.png" alt="Prototürk Logo" width="200px" height="200px">

ahmetkorkmaz3
354 gün önce eklendi.
Github'da Düzenle
Günlük Film Tavsiyesi