Contoh Kode Html Untuk Menampilkan Gambar

14/01/2023 | 133x



Kode HTML Untuk Menampilkan Gambar



Memasukkan gambar di halaman web merupakan salah satu cara yang paling umum digunakan untuk menunjukkan konten visual. Dengan bantuan kode HTML, gambar atau foto dapat disertakan sebagai bagian dari sebuah halaman web. Dalam artikel ini, kita akan menjelaskan contoh kode HTML untuk menampilkan gambar.

Tag img



Tag img merupakan tag HTML yang bertanggung jawab untuk menampilkan gambar di halaman web. Tag ini juga membutuhkan attribute src yang digunakan untuk menentukan lokasi dimana file gambar tersimpan. Selain itu, beberapa atribut lainnya juga dapat digunakan untuk menyesuaikan tampilan dari gambar. Berikut adalah contoh dari penggunaan tag img.

<img src="image.jpg" width="300" height="200" alt="Gambar Tampilan Default">



Link Gambar



Selain menampilkan gambar saja, Anda juga dapat menambahkan link (hyperlink) sehingga pengguna dapat membuka gambar lebih besar atau menuju ke halaman lain dalam website saat mereka mengklik pada gambar tersebut. Caranya dengan menggunakan tag a bersamaan dengan tag img seperti ditunjukkan pada kode berikut.

<a href="image.jpg"> <img src="image.jpg" width="300" height="200" alt="Gambar Link Gambar"> </a>



Penutup



Dengan demikian, itulah cara menampilkan gambar di halaman web menggunakan kode HTML. Tag img merupakan cara terbaik untuk menampilkan gambar, namun dengan bantuan dari tag a Anda juga dapat memberikan link pada gambar tersebut. Dengan demikian, pengunjung website dapat melihat gambar besar atau bahkan diarahkan ke halaman lain di website.