HTML5 / 46

Gambar

Elemen <img> menampilkan gambar dan tidak punya tag penutup — cukup satu tag saja. Atribut src menunjuk lokasi berkas gambarnya, sedangkan alt berisi deskripsi teks yang dibacakan screen reader dan ditampilkan saat gambar gagal dimuat. Menulis alt bukan formalitas: di banyak perusahaan ia diperiksa saat code review, dan di beberapa negara aksesibilitas adalah kewajiban hukum. Untuk gambar yang murni hiasan, isi alt="" (kosong) supaya screen reader melewatinya, bukan menghapus atributnya.

👀 Contoh dulu

<img src="https://picsum.photos/150" alt="Gambar contoh">

Hasilnya: Sebuah gambar berukuran 150×150 piksel muncul di halaman.

💡 Tidak ada </img> — elemen ini self-closing. Kalau gambar gagal dimuat, teks pada alt yang akan tampil.

📝 Sekarang giliranmu

Buat elemen <img> dengan src berisi https://picsum.photos/200 dan alt berisi Foto acak.

Preview