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.

1

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.

23 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.

  4. Jasa Pembuatan Ijazah
    • Bagi yang ingin selesai cepat tapi mengalami masalah dengan nilai yang bobrok !
    • Ingin mencari kerja tapi terkendala dengan ijazah !
    • Bagi para pejabat yang ingin memiliki kedudukan di legislatif tapi terkendala dengan ijazah !
    • Bisa di gunakan di smua universitas dan pendaftaran pekerjaan (pns, kantor-kantor, polisi,dsb)
    Kami PT. Marta Dinata hadir di hadapan anda untuk mengulurkan tangan kepada sodar(i) ku agar cita-cita dan harapan bisa terwujud secepatnya, kami siap membantu anda semaksimal mungkin untuk mendapatkan ijazah dari Universitas dan Perguruan Tinggi yang anda inginkan.
    Ijazah yang kami buat adalah ijzah asli dari Kampus yang sudah Terakreditasi dan diakui oleh DIKTI (Direktorat Jendral Pendidikan Tinggi). Oleh karena itu bagi yang berminat, khususnya yang ingin cepat-cepat mendapatkan pekerjaan silahkan langsung hubungi kami di no : 021-5035 7999 / 0822 9194 0095 atau kunjungi website resmi kami http://www.ptmartadinata.com

Leave a Reply