tutorial pengembangan web terbaru

HTML Iframe


Iframe digunakan untuk menampilkan halaman web dalam halaman web.


bingkai Keterangan

Frame memungkinkan jendela HTML Browser visual untuk dipecah menjadi segmen, masing-masing dapat menunjukkan dokumen yang berbeda. Hal ini dapat menurunkan penggunaan bandwidth, sebagai bagian mengulang dari layout dapat digunakan dalam satu frame, sedangkan konten variabel ditampilkan di negara lain.

Ini mungkin datang dengan biaya kegunaan tertentu, terutama di agen pengguna non-visual, karena dokumen terpisah dan independen (atau website) yang ditampilkan berdekatan satu sama lain dan diperbolehkan untuk berinteraksi dengan jendela induk yang sama.

Karena biaya ini, frame (tidak termasuk elemen iframe) hanya diperbolehkan dalam HTML 4.01 Bingkai-set.

Iframe juga dapat menyimpan dokumen pada server yang berbeda. Dalam hal ini interaksi antara jendela diblokir oleh browser.


iframe Sintaks

Sintaks untuk menambahkan iframe adalah:

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

The src atribut menentukan URL (web address) dari halaman iframe.


Iframe - Mengatur Tinggi dan Lebar

Gunakan tinggi dan lebar atribut untuk menentukan ukuran.

Nilai atribut yang ditentukan dalam pixel secara default, tetapi mereka juga bisa dalam persen (like "80%") .

Contoh

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

Iframe - Hapus Perbatasan

Secara default, iframe memiliki perbatasan hitam di sekitarnya.

Untuk menghapus perbatasan, tambahkan style atribut dan menggunakan properti perbatasan CSS:

Contoh

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

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

Contoh

<iframe src="demo_iframe.htm" style="border:5px dotted red"></iframe>
Cobalah sendiri "

Gunakan iframe sebagai Target untuk Link a

Iframe dapat digunakan sebagai target bingkai untuk link.

The target atribut link harus mengacu pada name atribut iframe:

Contoh

<iframe src="demo_iframe.htm" name="iframe_a"></iframe>
<p><a href="http://www.w3ii.com" target="iframe_a">w3ii.com</a></p>
Cobalah sendiri "

HTML Tag iframe

Menandai Deskripsi
<iframe> Mendefinisikan sebuah frame inline

Uji Diri dengan Latihan!

Latihan 1 » Latihan 2» Latihan 3 » Latihan 4»