Apa Fungsi Iframe pada HTML

Sebuah iframe berfungsi untuk menampilkan web page(halaman web) pada sebuah web page(halaman web). Maksudnya kita akan menampilkan suatu halaman web tertentu pada web kita. Tag yang digunakan untuk menampilkan iframe adalah <iframe> dan penutupnya </iframe>.

Cara penulisannya :

<iframe src="URL"></iframe>

Contoh kodenya

<iframe src="http://tetapbersyukur.wordpress.com/"></iframe>

Hasilnya :

Mengatur tinggi(height) dan lebar(width) iframe.

Dengan atribut height dan width, kita bisa mengatur tinggi maupun lebar sebuah iframe. Value dari atribut dinyatakan dalam pixel(px). Bisa juga dengan % misalnya 75%.
Contoh kodenya :

<iframe src="http://tetapbersyukur.wordpress.com/" width="500" height="200"> </iframe>

Hasilny :

Membuang garis(border) pada pinggiran Iframe

Pada contoh Iframe diatas, terdapat border(garis) dipinggirnya. Kita dapat menghilangkan garis pada pinggiran iframe itu dengan atribut frameborder dengan value "0".
Contoh kodenya :

<iframe src="http://tetapbersyukur.wordpress.com/" width="500" height="200" frameborder="0"> </iframe>

Hasilnya :

Memanfaatkan iframe sebagai target dari sebuah link

Yaitu dengan menambahkan atribut name pada tag iframe. Value dari atribut name harus sama dengan value pada target dari link yang kita buat. Untuk memudahkan pemahaman berikut contoh kodenya :

<iframe src="http://tetapbersyukur.wordpress.com/" name="iframe_link" width="500" height="200" frameborder="0"> </iframe>
<a href="http://agenjnejakartatugutani.blogspot.com/" target="iframe_link">Agen JNE Jakarta</a>

Hasilnya :

Agen JNE Jakarta

Silahkan klik link "Agen JNE Jakarta" diatas, maka halaman akan terbuka pada iframe yang kita buat.

Demikian pembahasan tentang apa fungsi iframe pada html. Mudah-mudahan bermanfaat.

Revolusioner!! 4 Langkah Mudah bisa HTML, PHP dan MySQL

---

Artikel terkait :

• Apa itu Tag HTML
• Pengertian HTML
• Membuat File HTML
• Tag dan Atribut HTML
• Membuat Link pada HTML