08 HTML – Tag Iframe
HTML <iframe> element digunakan untuk merepresentasikan konteks jelajah dari sebuah dokumen atau file lain untuk dimasukkan (embed) dalam dokumen yang bersangkutan.
<iframe> element sering digunakan untuk menyisipkan konten dari website lain, contohnya menyisipkan script iklan dari website pihak ketiga, memasukkan widget atau aplikasi tertentu, dan memasukkan video dari sumber lain (seperti Youtube, Vimeo dan sejenisnya).
Bentuk Penulisan Syntax Iframe seperti contoh dibawah ini
<iframe src="URL" height="200" width="300" ></iframe>
Dimana URL dapat kita ganti dengan alamat yang ingin ditampilkan. Sedangkan Width dan Height Merupakan Ukuran atau ruang dari Iframe yang nantinya akan ditampilkan dihalaman utama.
Untuk lebih jelasnya lihat contoh dibawah ini :
Contoh 1
See the Pen 08 – HTML – Iframe1 by Ferdian Rahabista (@frsystem) on CodePen.0
jika kita lihat code diatas, hasilnya adalah halaman web FR-ACADEMY masuk di dalam dokumen HTML yang kita buat dengan ukuran lebar 600 pixel dan tinggi 300 pixel. contoh diatas kita gunakan Perintah Width dan Height pada Iframe, kita juga bisa gunakan Style=”Width:600px;Height:300px”.
kita coba dengan contoh ke 2
See the Pen 08 – HTML – Iframe2 by Ferdian Rahabista (@frsystem) on CodePen.0
Pada contoh 2, pada saat halaman dibuka makan otomatis iframe membuka situs http://frakademi.com namun setelah kita klik pada Link Bagian Bawah, maka tujuan iframe akan berubah sesuai dengan targetnya, contoh disini target baru adalah https://fr-system.co.id, dimana target pada link adalah “iframe_a” yang artinya link tersebut akan merubah source atau SRC dari iframe dengan nama “iframe_a” juga. jd pada saat Link tersebut kita klik maka isi iframe yang tadinya http://frakademi.com berubah menjadi https://fr-system.co.id
Daftar ISI Dasar-Dasar Pemrograman WEB
- 01 HTML – Pendahuluan
- 02 HTML – Software Pendukung
- 03 HTML – Dasar-dasar HTML
- 04 HTML – Daftar Lengkap TAG HTML
- 05 HTML – Tag < br > BreakRow
- 06 HTML – Tag < p > Paragraph
- 07 HTML – Tag Heading
- 08 HTML – Tag Iframe
- 09 HTML – Tag DIV dan SPAN
