IMAGE DAN PICTURE ELEMENT

1. Image 

    Untuk menampilkan gambar di HTML, digunakan tag <img> dengan atribut src untuk menunjukkan lokasi gambar.

contoh penggunaan img 

2. Picture

     Cara menampilkan gambar yang berbeda sesuai dengan ukuran layar pengguna menggunakan elemen <picture>. Dengan menggunakan elemen <source>, kita bisa menentukan gambar mana yang akan ditampilkan pada berbagai lebar layar, membuat tampilan lebih responsif dan menyesuaikan perangkat pengguna.

JIka ukuran layar 465px maka akan muncul gambar spongebob.

namun jika ukuran layar lebih kecil akan menampilkan gambar windows.