Header Ads

Part 6 - Cara Menampilkan Gambar Dalam HTML

Januari 04, 2019
Gambar sering diguanakan untuk membuat halaman web itu menarik dan lebih jelas maksud dan tujuannya. Bagaimana si Cara menampilkan gambar atau images di HTML. Caranya cukup mudah. Langsung saja penulis akan jelaskan pada tulisan dibawah ini.

Untuk menampilkan gambar, perlu menggunakan tag “IMG”, dimana tag ini memiliki atribut juga seperti :
  • Src berfungsi untuk mengambil directori penyimpanan file gambar yang akan ditampilkan
  • Witdh yang berfungsi untuk mengatur ukuran lebar gambar yang ditampilkan
  • height yang berfungsi untuk mengatur ukuran tinggi gambar yang ditampilkan
Untuk script pemanggilannya cukup seperti ini :
  1. <img src="d:\folder_gambar\images.jpg" width="100%" height="50%">

Untuk lebih jelasnya seperti berikut contoh sederhana-nya :

  1. <!DOCTYPE html>
  2. <html>
  3.    <head>
  4.      <title>Menampilkan Images (HTML)</title>
  5.    </head>
  6.    <body>
  7.      <img src="c:\xampp\htdocs\dhicoderweb\html\ikan.jpg" width="50%" height="50%">
  8.    </body>
  9. </html>  

Jalankan di browser dan outputnya seperti ini hasilnya :


Sekian Penjelasan tentang Cara Menampilkan Gambar di HTML. Semoga Mudah dipahami dan Sobat bisa langsung mencobanya.

Semoga artikel ini bermanfaat dan Penulis juga masih terus belajar dan Maaf jika masih banyak kekurangan. Apabila ada yang kurang jelas dan ingin di pertanyakan, bisa langsung tulis di kolom komentar di bawah ini.

Salam Coder
Penulis
www.dhiecoderweb.com

Post a Comment

Tidak ada komentar

Langganan: Posting Komentar ( Atom )
Diberdayakan oleh Blogger.