Spear — Learn to Code

HTML Images

Elemen <img> digunakan untuk menampilkan gambar. Ini adalah elemen self-closing (tidak perlu tag penutup).

Atribut Penting

src — path/URL ke file gambar
alt — teks alternatif (wajib untuk aksesibilitas)
width / height — ukuran gambar
loading="lazy" — lazy loading untuk performa

Format Gambar

JPG — foto dan gambar dengan banyak warna
PNG — gambar dengan transparansi
SVG — gambar vektor, bisa di-scale tanpa pecah
WebP — format modern dengan kompresi lebih baik

<h2>Image Examples</h2> <img src="https://picsum.photos/300/200" alt="Random Image" width="300"> <p>Gambar di atas menggunakan Picsum Photos.</p> <figure> <img src="https://picsum.photos/200/150" alt="Another Image"> <figcaption>Caption untuk gambar</figcaption> </figure>