IFrame HTML

Tutorial HTML; Diperbarui tanggal: 9/09/2025

Elemen <iframe> pada HTML digunakan untuk menampilkan halaman web atau dokumen lain di dalam halaman web yang sedang ditampilkan. IFrame berfungsi seperti jendela kecil atau frame di dalam halaman web yang dapat menampilkan konten dari halaman web atau dokumen lain.

IFrame dapat digunakan untuk menampilkan konten yang berasal dari sumber eksternal atau internal. Beberapa contoh penggunaan IFrame pada halaman web antara lain:

  1. Menampilkan video dari situs web lain
  2. Menampilkan peta dari Google Maps atau Bing Maps
  3. Menampilkan laman web atau konten terkait dalam konten yang sedang dilihat
  4. Menampilkan kotak masuk email atau sosial media dari penyedia layanan

Berikut adalah contoh penggunaan IFrame pada HTML:

<iframe src="https://www.youtube.com/embed/8Ky9VFEOv-w" allowfullscreen width="560" height="315"></iframe>

Output dari kode diatas sebagai berikut:

Atribut scr berisi url web atau dokumen yang akan kita sematkan pada website kita. Selanjutnya kita dapat mengatur lebar dengan atribut width dan tinggi dengan atribut height.