HTML resim ekleme (<img>) Çözümlü Örnekleri

Örnek 01 / 04
Soru:

Bir web sayfasına, "felsefe_kitap.jpg" adlı bir resim dosyasını eklemek istiyorsunuz. Resim, sayfada görüntülendiğinde genişliği 400 piksel, yüksekliği 600 piksel olmalı ve alternatif metin olarak "Antik Yunan Felsefesi Kitap Kapağı" yazmalıdır. Bu özelliklere sahip bir <img> etiketi nasıl oluşturulur?

Çözüm:

💡 Bu soruda, <img> etiketinin temel niteliklerini kullanacağız. İşte adımlar:

  • ➡️ src niteliği ile resmin yolunu belirtiyoruz: src="felsefe_kitap.jpg"
  • ➡️ width ve height nitelikleri ile boyutları ayarlıyoruz: width="400" height="600"
  • ➡️ alt niteliği ile erişilebilirlik için alternatif metni ekliyoruz: alt="Antik Yunan Felsefesi Kitap Kapağı"

✅ Sonuç olarak, oluşturulan HTML kodu şöyle olacaktır:
<img src="felsefe_kitap.jpg" width="400" height="600" alt="Antik Yunan Felsefesi Kitap Kapağı">

1 2 3 4
Konuya Geri Dön: