Latihan 1 dari materi Picture & Responsive Images di HTML — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.
Bikin satu <picture> dengan dua versi gambar:
<source> buat layar lebar, dengan media="(min-width: 768px)" dan srcset="gambar-besar.jpg"
<img> sebagai cadangan, dengan src="gambar-kecil.jpg" dan alt="Pemandangan"
Dua-duanya ditulis di dalam <picture>, <source> dulu baru <img>.
Hint
Satu gambar, dua versi: versi buat layar lebar dan versi cadangan buat layar lainnya. Dua-duanya dibungkus satu tag.
Bungkusnya <picture>. Versi layar lebar pakai <source> dengan media dan srcset. Cadangannya <img> dengan src dan alt, ditulis paling bawah.
