Iframe digunakan untuk menampilkan halaman web di dalam halaman web lain.
Pengenalan iFrame
Iframe merupakan sebuah tag html yang berfungsi untuk menampilkan halaman website tanpa harus membuka website tersebut. Sintaks dasar untuk menambahkan iframe yaitu:
<iframe src="URL">
alternative content for browsers which do not support iframe.
</iframe>
URL menunjuk ke lokasi objek eksternal atau halaman web.
Mengatur Lebar dan Tinggi pada iframe
Atribut tinggi dan lebar digunakan untuk menentukan tinggi dan lebar dari iframe. Berikut kodenya:
<iframe src="demo-page.html" width="200" height="200">
alternative content for browsers which do not support iframe.
</iframe>
Catatan: Nilai atribut lebar dan tinggi defaultnya ditentukan dalam ukuran pixel, tetapi kalian juga dapat mengatur nilainya dalam persentase (seperti “50%”).
Menghapus Default Frameborder
Atribut frameborder digunakan untuk menampilkan apakah akan menampilkan garis tepi di sekitar iframe atau tidak. Atribut ini membawa nilai 0 atau 1. Nilai 1 menampilkan garis tepi, sementara nilai 0 menghapus garis tepi dari iframe. Berikut kodenya:
<iframe src="demo-page.html" frameborder="0">
alternative content for browsers which do not support iframe.
</iframe>
Menggunakan iframe sebagai Target Tautan
Iframe dapat digunakan sebagai target untuk hyperlink.
Iframe dapat dinamai menggunakan atribut nama. Bila tautan dengan atribut nama tersebut di klik maka akan tampil ke halaman website lain sesuai dengan link yang disematkan di dalam iframe tersebut. Berikut kodenya:
<iframe src="demo-page.html" name="myFrame"></iframe>
<p><a href="https://www.tutorialrepublic.com" target="myFrame">Tutorial Republic</a></p>