Belajar HTML : HTML Iframe

assalamualaikum wr. wb.

Apa kabar semuanya ? Semoga kita semua senantiasa diberi kesehatan, aamiin. Pada kesempatan kali ini saya akan posting tentang HTML Iframe. Apa itu HTML Iframe ? Langsung saja.

HTML Iframe
Iframe digunakan untuk menampilkan halaman web dalam halaman web.

• Sintaks iframe

HTML Iframe didefinisikan dengan tag <iframe> :

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

Atribut src menentukan URL (alamat web) dari halaman frame inline.

• Mengatur Tinggi dan Lebar Iframe

Gunakan atribut height dan width untuk menentukan ukuran iframe. Nilai atribut secara default ditentukan dalam pixel, tetapi juga bisa dalam persen (seperti "80%").

<iframe src="demo_iframe.htm" height="200" width="300"></iframe>

• Hapus Perbatasan / Border Iframe

Secara default, iframe memiliki perbatasan / border di sekitarnya. Untuk menghapus perbatasan, tambahkan gaya atribut dan menggunakan CSS border properti :

<iframe src="demo_iframe.htm" style="border:none;"></iframe>

Dengan CSS, Anda juga dapat mengubah ukuran, gaya dan warna perbatasan / border iframe :

<iframe src="demo_iframe.htm" style="border:2px solid grey;"></iframe>

• Iframe Sebagai Target sebuah Link

Iframe dapat digunakan sebagai target bingkai untuk link. Atribut target link harus mengacu pada nama atribut iframe :

<iframe src="http://vika-skansa.blogspot.co.id/" name="iframe_a"></iframe>
<p> <a href="http://vika-skansa.blogspot.co.id/" target="http://vika-skansa.blogspot.co.id/"> vika-skansa.blogspot.co.id </a> </p>


Sekian yang dapat saya postingkan, semoga dapat memberikan manfaat bagi kita semua, see you next time...

wassalamualaikum wr. wb.


Referensi :
- http://www.w3schools.com/html/html_iframe.asp