Latihan 2 dari materi Picture & Responsive Images di HTML — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.
Bikin satu <img> responsif, tanpa <picture>, dengan empat atribut:
src="besar.jpg"
alt="Foto"
srcset="kecil.jpg 480w, besar.jpg 1024w"
sizes="(max-width: 600px) 480px, 1024px"
Semuanya ditulis di satu tag <img>, dan srcset serta sizes gak boleh kosong.
Hint
Cukup satu tag <img>. Kamu kasih daftar file beserta lebarnya, lalu browser yang memilih.
srcset berisi daftar file dan lebarnya (pakai w), sizes berisi seberapa lebar gambar tampil. src dan alt tetap ditulis.
