Cara Memasukkan Gambar Ke Notepad Yang Akan Di Ganti Dengan Extension HTML

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://cara-caranya.blogspot.com”>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.

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/>

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

Gambar  Google

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.