PakKoding Edukasi Teknologi
Masuk Daftar
Kembali ke Pilih Materi
Progres Kursus 0%
HTML

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
<img src="https://picsum.photos/200" alt="Foto Kucing" width="200">
Hasil Tampilan
Hasil Preview
Tugas Praktik (Pertanyaan)

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