menampilkan gambar html

Untuk menampilkan gambar dalam HTML, kita menggunakan tag <img>. Berikut adalah contoh penggunaan tag <img>: html Copy code <img src="gambar.jpg" alt="Deskripsi Gambar"> Dalam contoh di atas, atribut src menentukan sumber gambar yang akan ditampilkan. Anda perlu menggantinya dengan URL atau path relatif ke gambar yang ingin Anda tampilkan. Misalnya, jika gambar tersebut berada di direktori yang sama dengan file HTML, Anda dapat menggunakan nama file gambar. Atribut alt digunakan untuk memberikan deskripsi alternatif tentang gambar. Ini adalah teks yang akan ditampilkan jika gambar tidak dapat dimuat atau jika pembaca layar digunakan oleh pengguna yang memiliki kebutuhan aksesibilitas. Disarankan untuk selalu menyertakan deskripsi alternatif yang deskriptif dan informatif. Selain itu, tag <img> memiliki beberapa atribut tambahan yang dapat digunakan untuk mengatur ukuran, gaya, dan perilaku gambar. Beberapa atribut tersebut antara lain: width dan height: Digunakan untuk mengatur lebar dan tinggi gambar (dalam piksel). class dan id: Digunakan untuk memberikan kelas atau ID ke gambar sehingga dapat diberikan gaya atau dimanipulasi dengan CSS atau JavaScript. style: Digunakan untuk menentukan gaya inline untuk gambar. title: Digunakan untuk memberikan teks tooltip yang muncul saat pengguna mengarahkan kursor ke gambar. Berikut contoh penggunaan beberapa atribut tambahan: html Copy code <img src="gambar.jpg" alt="Deskripsi Gambar" width="300" height="200" class="gambar-utama" style="border: 1px solid black;" title="Ini adalah gambar utama"> Pastikan bahwa URL atau path ke gambar benar dan gambar tersebut dapat diakses oleh halaman web Anda. Semoga ini membantu!