Insert Gambar Menggunakan tag HTML

Sebelumnya kita sudah membahas tentang Pengertian HTML dan fungsi nya . selanjutnya kita akan membahas tentang menampilkan gambar dalam browser menggunakan koding HTML .
 Dalam HTML terdapat atrribut src dalam tag<img>

Attribut src merupakan singkatan dari source, yang berfungsi sebagai alamat dari gambar yang akan ditampilkan.alamat ini bersifat relatif dan absolut.

 fungsi utama tag<img> adalah untuk mengeksekusi gambar di file komputer lalu menampilkannya kedalam web browser.
Penggunaan tag<img> antara lain sebagai berikut :

1. Menampilkan Gambar ke Web Browser
   
   • Sediakan Sebuah gambar yang akan ditampilkan dalam browser dan letakan gambar tersebut kedalam 1 folder yang sama agar lebih memudahkan dalam pemilihan gambar. Gambar dapat berformat JPEG,PNG,maupun GIF.
   • Pada contoh dibawah ini saya menggunakan image yang bernama cube.jpg
     

     
     
     
        
     
     
        
     Belajar Tag Gambar
        
     
     

     hingga langsung di tutup menggunakan simbol />
   • Setelah itu jalankan dan hasilnya akan tampak seperti gambar dibawah ini :
     
     
      
      
   • Selanjutnya kita bisa menambahkan Atribut width dan height dalam tag <img>
     attribut ini membolehkan kita untuk menentukan tinggi dan lebar dari gambar yang akan kita tampilkan
     contoh penggunaan atribut width dan height
     

     
     
     
     
     
     Belajar Tag Gambar