Contoh Penggunaan dan Fungsi iframe

Menggunakan iframe, mungkin bisa dibutuhkan dalam suatu website. Penggunaannya pun sangat mudah, hanya tinggal memanggil tag iframe pada html. Dulu bisa menggunakan <frame> tapi saat digunakan di html5 ternyata tidak berfungsi. Oleh karena itu, kita bisa menggunakan iframe sebagai penggantinya.

Apa sebenarnya fungsi dan bagaimana contoh penggunaannya? iframe bisa digunakan untuk menampilkan halaman website lain dalam suatu website. Atau menampilkan document HTML lain dalam sebuah website. Yaa bisa dibilang website dalam website. Contoh penggunaannya seperti ini.

Jika kita mempunyai sebuah toko online, lalu kita menggunakan JNE sebagai kurirnya, pasti banyak yang bertanya "ongkir kesini berapa? ongkir kesana berapa?" agar mudah kita bisa langsung tampilkan saja halaman hitung ongkir yang ada di JNE. Nah, dapatkan alurnya? Kira-kira seperti itu.

Script iframe adalah seperti berikut :

<iframe src="URL" scrolling="auto" width="900px" height="500px" frameborder="0"></iframe>

Keterangan :

  • scrolling = untuk menampilkan scroll, ada 3 pilihan : auto, yes dan no.
  • width : untuk mengatur lebar iframe (iframe tidak menyesuaikan diri dengan wrapper)
  • height : untuk mengatur tinggi
  • frameborder : mengatur border iframe

Contoh hasilnya seperti berikut, tapi disini contohnya menggunakan kursuswebdesign.org :

Mudah yaaa? Semoga bermanfaat :)

20 April 2015

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Mini Bootcamp Backend Laravel 11 Bulan Mei 2024 di DUMET School
Webinar Selanjutnya Mei 2024

Minggu, 26 Mei 2024, 09.00-13.00 WIB

(4 Jam Membuat Backend di Laravel 11)

chat