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
      
      
      
         Penggunaan Tag Image
      
      
         

      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
      
      
      Penggunaan Tag Image
      
      
      

      Belajar Tag Gambar


    Post a Comment