Bir resmin görünmemesi neredeyse her zaman src yolunun yanlış olmasından kaynaklanır.

Neden olur?

Nedenler: dosya adı/uzantısı yanlış (büyük/küçük harf dâhil), resim farklı klasörde ya da yol yanlış yazılmış. Kırık resim ikonu görürsün.

Hatalı kod

<img src='resimler/kus.png'>
<!-- dosya aslinda images/kus.PNG ise gorunmez -->

Doğru kod

<img src='images/kus.PNG' alt='Bir kus'>
<!-- dogru klasor, dogru uzanti, alt metni ekli -->

Kontrol listesi

  • Dosya adını ve uzantıyı birebir (büyük/küçük harf dâhil) yaz.
  • Resmin HTML dosyasına göre doğru klasörde olduğundan emin ol.
  • Her zaman alt metni ekle — erişilebilirlik ve SEO için önemli.

HTML derslerimizle pratik yapabilirsin.