HTML | BAB 7 Menyisipkan Gambar

Menyisipkan gambar dengan tag adalah cara untuk menampilkan gambar di dalam sebuah halaman web menggunakan bahasa markup HTML. Tag memiliki atribut yang dapat digunakan untuk mengatur ukuran gambar dan memberikan teks alternatif.

Untuk menyisipkan gambar, Anda perlu menggunakan tag dan menambahkan atribut 'src' yang mengacu pada URL atau lokasi file gambar yang ingin ditampilkan. 

Contohnya seperti ini:

<img src="lokasi_gambar.jpg" alt="Deskripsi Gambar">

Atribut 'alt' adalah teks alternatif yang akan muncul jika gambar tidak bisa ditampilkan. Teks alternatif ini berguna untuk kepentingan aksesibilitas, misalnya bagi pengguna dengan disabilitas visual atau jika gambar gagal dimuat. Pastikan untuk memberikan deskripsi yang jelas dan deskriptif pada atribut 'alt'.

Selain itu, Anda juga dapat mengatur ukuran gambar menggunakan atribut 'width' dan 'height' pada tag . Atribut 'width' digunakan untuk mengatur lebar gambar dalam piksel, sedangkan atribut 'height' digunakan untuk mengatur tinggi gambar dalam piksel. 

Misalnya:

<img src="lokasi_gambar.jpg" alt="Deskripsi Gambar" width="300" height="200">

Jika hanya menggunakan salah satu atribut 'width' atau 'height', maka gambar akan diubah proporsional sesuai dengan atribut yang diberikan, tanpa mempertahankan aspek ratio gambar tersebut.

Namun, perlu diingat bahwa menggunakan atribut 'width' dan 'height' untuk mengubah ukuran gambar dapat menyebabkan distorsi atau perubahan proporsi gambar. Sebaiknya, gunakan perangkat lunak pengedit gambar untuk mengubah dimensi gambar secara proporsional sebelum menyisipkannya ke dalam halaman web.