Resim Özellikleri

HTML'de resim özelliklerini belirtmek ve resmi biçimlendirmek için kullanabileceğiniz birkaç özellik bulunmaktadır. İşte yaygın olarak kullanılan bazı HTML resim özellikleri:

1. src (Source):

   • Resmin dosya yolu veya internet üzerindeki URL'sini belirtir.

   <img src="resim.jpg" alt="Açıklama">
   

2. alt (Alternative Text):

   • Resmin açıklamasını içerir ve erişilebilirlik için önemlidir. Eğer resim yüklenemezse veya kullanıcı görsel içeriği göremezse, bu metin görüntülenir.

   <img src="resim.jpg" alt="Açıklama">
   

3. width ve height:

   • Resmin genişlik ve yüksekliğini belirtir. Pixel cinsinden değer alır.

   <img src="resim.jpg" alt="Açıklama" width="300" height="200">
   

4. title:

   • Resim üzerine gelindiğinde görünen ek açıklamayı belirtir.

   <img src="resim.jpg" alt="Açıklama" title="Ek Açıklama">
   

5. border:

   • Resim kenarlığının kalınlığını belirtir. Genellikle pek tercih edilmeyen bir özelliktir.

   <img src="resim.jpg" alt="Açıklama" border="2">
   

6. style:

   • CSS stil özelliklerini içerir. Özellikle margin ve padding gibi stil özelliklerini belirtmek için kullanılabilir.

   <img src="resim.jpg" alt="Açıklama" style="margin-top: 10px; border: 1px solid #ccc;">
   

7. Harici ve İçsel Resim Bağlantısı:

   • Resim dosyası internet üzerinde ise doğrudan URL verilebilir veya aynı dizindeyse dosya adı veya yol belirtilebilir.

   <!-- Harici Resim Bağlantısı -->
   <img src="https://example.com/resim.jpg" alt="Açıklama">
   
   <!-- İçsel Resim Bağlantısı -->
   <img src="images/resim.jpg" alt="Açıklama">
   

Bu özellikler, HTML sayfanızda resimleri düzenlemenize ve biçimlendirmenize olanak tanır. Erişilebilirlik ve kullanıcı deneyimi için alt özelliğini doğru bir şekilde kullanmaya özen göstermelisiniz.