HTML'de "img" nedir?

HTML etiketi, bir web sayfasında görüntü veya resim eklemeyi sağlayan bir elementtir. Bu etiket aşağıdaki gibi kullanılır:

Bu kodda \"src\" parametresi, resmin konumunu belirtir. \"alt\" parametresi ise görüntü yüklenemediğinde veya erişilemediğinde, resmin yerine kullanılacak metni belirler. \"title\" parametresi ise resimle ilgili bir başlık ekler.
Ayrıca, elementi inline bir elementtir, yani resim ve metin yan yana veya alt alta görüntülenebilir.
Resmi doğrudan HTML kodunda belirtmek yerine, ayrı bir dosyada saklamak ve sayfada istenen yerde görüntülemek daha iyi bir uygulamadır. Aşağıdaki örnek, bir dosyada duran bir resmi etiketi aracılığıyla görüntüler:

Bu örnek öğe bir resim dosyasından çıktı yapacak ve sayfada alt metin olarak \"Örnek Resim\" ve bir ara başlık olarak \"Bu bir örnek resimdir\" görüntüleyecektir.
İşte bir diğer örnek, bu kez farklı bir boyut için bir resim bağlantısı ekleyerek:

Burada \"a\" etiketi, bir resim bağlantısı oluşturmak için kullanılır. Kullanıcı tıkladığında, bağlantı resmi şeklinde açılır. Bu örnek, \"src\" parametresinde çevrimiçi bir resim dosyası kullanarak etiketini kullanır. \"alt\" ve \"title\" parametreleri de kullanılır ve bu, artık Microsoft Edge ve diğer web tarayıcıları tarafından desteklenen .webp dosya biçimini kullanarak resmin boyutlarını belirtir.
Bu örnekler, etiketinin işlevselliğine genel bir bakış sunmaktadır. Sayfalarınızdaki resimlerin daha iyi görünmesi için, CSS kullanarak boyutlarını ayarlayabilir veya resimlerinizi optimize edebilirsiniz.