html

Cara Memasukan Gambar ke Dalam Tag 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.

19 Cara Memasukan Gambar ke Dalam Tag HTML

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.

18 comments on “Cara Memasukan Gambar ke Dalam Tag HTML

  1. Ilmu yang bermanfaat, terima kasih tulisannya, sekedar saran untuk penulisan kode contoh mohon lebih teliti lagi, karena kurang satu karakter saja bisa jadi gambar tidak muncul.

  2. Apakah Anda juga sudah menggunakan perintah <font> atau <type face>? Karena di artikel ini kan kami anggap perintah tsb sudah dituliskan sebelum TAG menyisipkan gambar.
    Terima kasih sudah berkunjung. Jangan lupa berkunjung balik. :)

  3. gan pnjelasan krang bgt jelas, ane mau nnya gambr it sblumnya apa ditruh diflder httdocs dlu biar gmbr bsa kluar. soalnya gk kluar gmbrnya di loclhostnya. trs nma url gmbrnya apa hrus ssuai dg nama gmbrnya. klo bsa lbih djbrkan lagi pnysipnny. thanks.

Leave a Reply