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="url" atau bisa juga src="imagepath"
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.