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

   Canlı Dene Kopyala

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

   Canlı Dene Kopyala

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

   Canlı Dene Kopyala

4. title:

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

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

   Canlı Dene Kopyala

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

   Canlı Dene Kopyala

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;"> 

   Canlı Dene Kopyala

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

   Canlı Dene Kopyala

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.