Cara Memasukan Gambar ke Dalam Tag HTML

By | Januari 13, 2019

Kali ini saya akan menuliskan sebuah artikel tentang bagaimana cara menyisipkan gambar ke dalam tag html. Tag ini sering di gunakan untuk menampilkan logo dari suatu situs/website. Dalam suatu tag html,  gambar tersebut ditulis dengan menggunakan kode, hal ini di karenakan pada tag html di tulis di dalam notepad yang tidak dapat di masuki oleh gambar atau suatu website, namun kita dapat memasukan gambar tersebut dengan menggunakan tag atau kode pada notepad. Berikut adalah cara cara dan kode kode untuk memasukan gambar ke dalam tag html.

Untuk memasukan gambar  , kita perlu menggunakan tag di bawah ini
<a href=”url”>teks</a>
Contoh penulisannya :
<a href=”http://jejaring.web.id”>link ini menuju ke tip komputer dan internet</a>

Hasilnya akan muncul ” link ini menuju ke tip komputer dan internet ” akan berubah menjadi objek link yang siap di-klik pengunjung.

Atribut href dipakai untuk merujuk URL target link, sedangkan atribut src dipakai untuk merujuk URL target gambar yang akan ditampilkan. Tag <a> dan <img> juga dapat diberi beberapa atribut lainnya.

 Baca Juga: Cara Membuat Kotak Komentar HTML

Cara Menyisipkan Gambar
Untuk menyisipkan Gambar , digunakan tag <img>. Berikut adalah susunan sederhananya, gunakan tag berikut;
<img src=”url gambar”>

Contoh penulisannya :

<img src=http://www.google.co.id/intl/id_id/image/logo.gif/>

Cara Memasukan Gambar ke Dalam Tag HTML

Gambar  Google

Hasilnya akan tampil logo atau logo dari  Google di dalam  browser.

Gambar atau logo  juga bisa dijadikan sebuah link, caranya cukup menempatkan tag <img> di antara tag <a>
contoh penulisan:
<a href=”url”><img src=”url gambar”/></a>

Penutup

Di atas adalah cara cara untuk memasukan gambar ke dalam tag html. Kritik dan saran sangat saya butuhkan. Terimakasih.