Belajar Element HTML: <iframe>

Elemen Bingkai Inline HTML (<iframe>) mewakili konteks penelusuran bersarang, menyematkan halaman HTML lain ke halaman HTML saat ini

Syntax

Tag <iframe> ditulis seperti <iframe> </iframe> dengan atribut yang valid diletakkan pada tag pembuka.

<iframe src=""></iframe>

Dengan Atribut srcdoc

<iframe srcdoc=""></iframe>

Dengan Atribut src, width, height, dan seamless

<iframe src="" width="" height="" seamless></iframe>

Contoh Sederhana

<iframe src="/html/pengertian-html/"></iframe>

Contoh dengan Atribut width dan height

<iframe src="/html/pengertian-html/" width="300" height="300"></iframe>

Contoh dengan Atribut seamless

<iframe src="/html/pengertian-html/" width="300" height="300" seamless></iframe>

src

Menentukan URL halaman web bersarang.

"https://codingku.id"

Kamu dapat mengetikkan URL apa saja. Ketahuilah bahwa beberapa situs web tidak akan diizinkan untuk dibingkai.

allowfullscreen

Mengizinkan browser menampilkan iframe dalam layar penuh dengan JavaScript.

No value required.

height

Menentukan ketinggian iframe.

"50"

Ketinggian piksel.

width

Menentukan lebar iframe.

"150"

Lebar dalam piksel.

Pengaturan Default CSS

Sebagian besar browser menampilkan elemen <iframe> dengan pengaturan CSS:

iframe:focus {
  outline: none;
}

iframe[seamless] {
  display: block;
}