Wednesday, June 20, 2018

Iframe di HTML ? | Mukti911


A. Pendahuluan
Iframe biasanya digunakan untuk menampilkan file html atau file lainya ke dalam file html. Penggunaannya sangat bermanfaat. karena dapat menampilkan isi file html tanpa menambahkan isi dari file html ke file html. 

B. Latar Belakang
Karena dalam pembutan website biasanya ini dibutuhkan untuk menapilkan file berupa video atau audio..

C. Maksud dan Tujuan
Agar dapat mengunakan iframe di HTML.

D. Pembahasan
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

E. Kesimpulan
Jadi sebelum membuat website harus memiliki plaining yang jelas mengenai beberapa hal yang penting. dalam website konten adalah raja jadi website harus meyesuaikan konten yang akan ditampilkan.

F. Referensi
  • www.tutorialspoint.com
  • www.w3schools.com
  • www.id.wikipedia.org
  • www.duniailkom.com
  • www.codepolitan.com

No comments:

Post a Comment