<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. |
Ö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">