Menyisipkan Gambar

Menampilkan foto atau ilustrasi di website.

🎯

Penjelasan Lengkap

Gambar membuat website jauh lebih menarik. Kita menggunakan tag <img> untuk ini.

• <img> : Tag ini spesial karena tidak butuh penutup .

• src (Source) : Atribut paling penting. Berisi alamat (URL) atau lokasi file gambar yang ingin ditampilkan.

• alt (Alternative) : Teks pengganti jika gambar gagal muncul. Sangat penting bagi pengguna yang menggunakan alat bantu baca (tunanetra).

• width & height : Atribut tambahan untuk mengatur lebar dan tinggi gambar (biasanya dalam satuan pixel).

💻 Contoh Kode / Formula Prompt

<img src="https://picsum.photos/200" alt="Foto Kucing" width="200">

✨ Hasil Tampilan / Simulasi AI

Hasil Preview

📝 Tugas Praktik (Pertanyaan)

Di dalam tag <img>, atribut apa yang digunakan untuk memasukkan alamat atau link sumber gambarnya?