HTML memiliki sebuah elemen <img> yang sangat berguna dalam melakukan membangun sebuah website. Tanpa gambar website akan terasa sangat membosankan, maka dari itu kalian perlu mempelajari tentang HTML Images.

Nah cara penulisan tag <img> sendiri tidak memerlukan tag penutup, atau lebih jelasnya adalah seperti ini:

<img src="" alt="">

Terdapat setidaknya dua atribut yang biasa digunakan.

• src - Digunakan untuk mengarahkan path dari suatu gambar.
• alt - Digunakan untuk membuat teks alternatif jika gambar gagal ditayangkan.

Untuk menampilkan gambar, kita perlu mengarahkan tag <img> kepada file yang kita inginkan melalui atribut src="/api/v1/web-embed/proxy?proxyUrl=https%3A%2F%2Fgithub.com%2FDevinWinando%2FHTML-CSS%2Ftree%2Fmain%2FHTML%2Furl&mode=full" atau bisa juga src="/api/v1/web-embed/proxy?proxyUrl=https%3A%2F%2Fgithub.com%2FDevinWinando%2FHTML-CSS%2Ftree%2Fmain%2FHTML%2Fimagepath&mode=full"

Sebagai contoh saja misalkan ingin menampilkan gambar kucing.png yang berada satu folder dengan file HTML.

<img src="kucing.png" alt="kucing">

Jika file gambar terdapat pada direktori tertentu, kita dapat menuliskan terlebih dahulu direktorinya.

<img src="images/kucing.png" alt="kucing">

Jika file gambar ada di suatu link di internet.

<img src="https://www.contoh.com/images/kucing.png" alt="kucing">

Namun sebagai catatan jika ingin mengutip gambar dari suatu link di internet, pastikan tidak melanggar hak cipta dari kepemilikan gambar tersebut.

Untuk referensi lengkapnya, kalian bisa mengunjungi website berikut.