Iframe adalah tag yang memungkinkan kita untuk meletakkan "halaman di dalam halaman". Iframe menggunakan atribut src untuk menunjukkan file yang akan ditampilkan dalam iframe. Selain itu, panjang dan lebar iframe bisa kita atur menggunakan atribut width dan height.
<HTML>
<HEAD>
<TITLE>Belajar HTML</TITLE>
</HEAD>
<BODY>
<H3>Iframe</H3>
<iframe src="coba.html" width="200px" height="200px">
</BODY>
</HTML>
Pastikan untuk membuat file "coba.html" sebelum menyimpan dan mengeksekusi kode HTML di atas. Simpan "coba.html" di folder yang sama dengan kode HTML yang menggunakan tag <iframe>. File "coba HTML" harus ada isinya, misalnya seperti di bawah ini.
<HTML>
<HEAD>
<TITLE>Belajar HTML</TITLE>
</HEAD>
<BODY>
<p><b>Halaman di dalam Halaman</b></p>
</BODY>
</HTML>
Frame
Selain tag <iframe>, ada tag <frame>. Tag <frame> beserta dengan <frameset> adalah salah satu tag yang tidak didukung lagi dalam HTML5. Untuk menggunakannya dalam browser yang menggunakan HTML 5, kita perlu menggunakan tag Doctype.<!DOCTYPE HTML Frameset DTD>
<HTML>
<frameset cols="25%, *, 25%">
<frame src="coba.html">
<frame src="proses.htm">
<frame src="frame3.htm">
</frameset>
</HTML>
Frame pada dasarnya hampir sama dengan Iframe. Bedanya, frame bisa dikelompokkan dengan frameset. Selain itu, ada atribut rows dan cols yang menentukan bagaimana susunan frame yang ditampilkan dan persentase ukuran masing-masing frame. Kode HTML di bawah ini hampir sama dengan yang di atas, dan perbedaannya hanya pada atribut cols yang saya ganti dengan rows.
<!DOCTYPE HTML Frameset DTD>
<HTML>
<frameset rows="25%, *, 25%">
<frame src="coba.html">
<frame src="proses.htm">
<frame src="frame3.htm">
</frameset>
</HTML>