ımg ne demek?

<img> etiketi, HTML'de bir görüntü (resim) eklemek için kullanılan bir etikettir. Bu etiket, bir web sayfasına resim yerleştirmek için temel bir araçtır. <img> etiketi, doğrudan içeriği kapsayan bir etiket değildir; yani kapanış etiketi yoktur (</img> şeklinde).

Temel Özellikleri:

• src: Görüntünün URL'sini belirtir. Bu, resmin nerede bulunduğunu (web'deki adresi) tanımlar. Örneğin: <img src="https://www.example.com/resim.jpg" alt="Açıklama">
• alt: Görüntü yüklenemediğinde veya görüntü görüntülenemediğinde gösterilecek alternatif metni belirtir. Ayrıca, ekran okuyucular tarafından okunarak erişilebilirlik sağlar. Alternatif Metin
• width ve height: Görüntünün genişliğini ve yüksekliğini piksel cinsinden belirtir. Bu özellikleri kullanmak, tarayıcının sayfa düzenini daha hızlı oluşturmasına yardımcı olabilir. (Ancak CSS ile de boyutlandırma yapılabilir ve genellikle tavsiye edilen yöntem budur).
• title: Fare ile üzerine gelindiğinde görünen bir başlık metni belirtir.
• loading: (Lazy loading) Görüntünün ne zaman yüklenmesi gerektiğini belirtir. Değerleri lazy (sayfa kaydırıldıkça yüklenir) veya eager (hemen yüklenir) olabilir. Lazy Loading
• srcset: Farklı ekran boyutları veya çözünürlükleri için farklı görüntü kaynakları belirtmek için kullanılır. srcset
• sizes: srcset ile birlikte kullanılarak, farklı ekran boyutlarında hangi görüntünün seçileceğini belirtir. sizes

Kullanım Örneği:

<img src="resim.png" alt="Manzara Resmi" width="500" height="300">

Bu örnek, "resim.png" adlı bir görüntüyü yükler, eğer görüntü yüklenemezse "Manzara Resmi" metnini gösterir ve görüntünün genişliğini 500 piksel, yüksekliğini 300 piksel olarak ayarlar.

Ek Notlar:

• Görüntü formatları (JPEG, PNG, GIF, SVG, WebP vb.) src özniteliğinde belirtilen dosya uzantısıyla belirlenir. Görsel Formatları
• <img> etiketi satır içi (inline) bir öğedir, yani metin akışıyla aynı satırda görüntülenir.
• Erişilebilirlik için alt özniteliğinin her zaman kullanılması önemlidir. Erişilebilirlik