Picture Element

Materi: Picture Element
Bagian: 01-html-tutorial

Pengertian

Elemen picture memungkinkan browser memilih sumber gambar yang sesuai berdasarkan kondisi tampilan.

Contoh Kode

<picture><source media="(min-width:800px)" srcset="https://www.w3schools.com/html/img_flowers.jpg"><img src="https://www.w3schools.com/html/img_smallflower.jpg" alt="Bunga"></picture>

Hasil / Praktik

Bunga

Kesimpulan

Materi ini dapat dipahami dengan mencoba contoh kode, mengubah nilai atau atributnya, lalu melihat perubahan hasilnya di browser.