diff --git a/HTML/016 HTML Picture/README.md b/HTML/016 HTML Picture/README.md
new file mode 100644
index 00000000..549114a3
--- /dev/null
+++ b/HTML/016 HTML Picture/README.md
@@ -0,0 +1,60 @@
+# HTML Picture
+
+## Apa itu HTML Picture?
+
+HTML memiliki sebuah elemen `` yang sangat berguna dalam melakukan membangun sebuah website. Tanpa gambar website akan terasa sangat membosankan, maka dari itu kalian perlu mempelajari tentang HTML Picture.
+
+HTML Picture memiliki fungsi mirip seperti media query pada CSS, tetapi kita tidak memerlukan CSS untuk menggunakannya, hanya dengan HTML saja sudah bisa membuat img menjadi responsive pada website kalian.
+
+## Contoh kode
+```html
+
+```
+
+Ada juga child dari `` ini yaitu `` dan ``
+
+```html
+
+
+
+
+```
+
+Untuk menampilkan gambar, kita perlu mengarahkan tag `` kepada file yang kita inginkan melalui atribut `src="url"` atau bisa juga `src="imagepath"`
+
+Belum belajar tentang tag HTML img? Silahkan pelajari di [HTML Image](https://github.com/bellshade/HTML-CSS/tree/main/HTML/015%20HTML%20Images)
+
+Terdapat beberapa attribut yang biasa digunakan dalam tag ``, yaitu:
+- **srcset** - Digunakan untuk mengarahkan path dari suatu gambar.
+- **sizes** - Digunakan untuk mengatur ukuran gambar.
+- **media** - Digunakan untuk mengatur media query.
+
+## Contoh kode
+```html
+
+
+
+
+
+
+```
+atau
+```html
+
+
+
+
+
+
+```
+## Contoh pengimplementasiannya:
+1. Silahkan buka [index.html](index.html), copy dan paste seluruh isi kodenya.
+2. Buka vscode atau IDE favorit kalian.
+3. Buatlah file index.html & jalankan index.html pada browser kalian.
+4. Maka akan terlihat gambar kucing (lagi serius).
+5. Coba kecilkan browser kalian perlahan dari samping.
+6. Maka akan terlihat gambar kucing (lagi serius) berubah menjadi (lagi senyum), berubah lagi menjadi (lagi nangis) seiring browser kalian bertambah kecil.
+
+Semoga bermanfaat!
+
+Source: [MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/picture)
diff --git a/HTML/016 HTML Picture/index.html b/HTML/016 HTML Picture/index.html
new file mode 100644
index 00000000..13e8c8ac
--- /dev/null
+++ b/HTML/016 HTML Picture/index.html
@@ -0,0 +1,46 @@
+
+
+
+
+
+
+ HTML PICTURE
+
+
+
+
`
+
+```html
+
+