HTML — Images

Genel Bakış

Görseller içeriği güçlendirir. Erişilebilirlik için alt kullan.

Öğreneceklerin

• img temelleri
• alt özelliği
• responsive
• lazy loading

Sözdizimi

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

Örnek

<!-- Temel resim -->
<img src="/public/img/sample.jpg" alt="Örnek görsel" width="420">

<!-- Responsive -->
<img src="/public/img/sample.jpg" alt="Responsive" style="max-width:100%;height:auto">

<!-- Lazy -->
<img src="/public/img/sample.jpg" alt="Lazy" loading="lazy">

Notlar

• Anlamlı alt yaz.
• Responsive için max-width:100% kullan.

  Kendin Dene: Playground aç: /tr/playground/html