Menampilkan Gambar Dengan HTML

Kali ini saya akan memberi Cara Menampilkan Gambar Dengan HTML 
Bagaimana Caranya?? Caranya sangat mudah, Yang pertama saya akan mempraktekkannya dengan cara yang paling mudah yaitu dengan cara melihat apa yang ditampilkan browser. maksudnya bagaimana??
Mari kita praktekkan ...

Langkah Awal Pilih gambar anda yang ingin di tampilkan pada web browser. disini saya memilih gambar dengan nama ary.jpg. Jika Sudah Anda tentukan gambarnya lakukan drag and drop gambar tadi ke dalam browser. seperti gambar dibawah ini :

Lepaskan didalam web browser anda maka gambar akan muncul di dalam browser anda.

Jika Sudah maka gambar akan tampil di dalam browser, Mudah bukan...!! :)
Namun Saya tau bahwa yang Anda butuhkan ialah sourcecodenya maka itu ini merupakan trik inti dari tutorial ini.
Langkah selanjutnya ialah klik kanan pada tampilan browser dan pilih inspect element atau anda juga bisa menggunakan tombol [ctrl+shift+Q] pada keyboard.

lalu anda pilih tab inspector dan didalamnya anda akan melihat source code cara menampilkan gambar tersebut yaitu dengan  script pada gambar berikut :

 

Nah Gimana sudah jelas kan bahwa untuk menampilkan gambar pada browser hanya dengan menambahkan tag seperti berikut : 

Jadi [Src] itu untuk menyatakan url gambar mana yang akan ditampilkan dan tag [img] itu untuk membaca bahwa bagian tag ini akan menampilkan gambar. Anda bisa mengkreasikan lagi dengan css tambahan untuk mempercantik tampilan gambar. Sudah Jelaskan Kawan Blogger Semua.Terimakasih Telah Membaca Tutorial Di GratisLagi.com