Iframe di dalam HTML biasanya digunakan untuk menampilkan   frame di dalam isi website, dimana isi Frame tersebut berupa tampilan website lainnya

Pada contoh ini akan membuat Iframe menggunakan HTML yang akan menampilkan website lainnya. 


Tuliskan kode HTML di bawah ini pada editor teks seperti notepad atau notepad++

<html>

<head>

<title> HTML Iframe</title>

</head>

<body>

 

<h2>mencoba HTML Iframes</h2>

<p>Iframe digunakan untuk menampilkan sebuah website berupa frame di halaman web</p>

 

<iframe src="alamat website" style="height:400px;width:600px"></iframe>

 

</body>

</html>

Perintah iframe diikuti dengan alamat website tujuan dan ukuran iframe yang dikehendaki.

Setelah selesai simpan dengan format .html dan hasilnya dapat Anda tampilkan pada browser internet. 


 

Jika Anda ingin ada tampilan border pada Iframe, Anda dapat tambahkan style pada kode HTML, seperti contoh berikut:

html>

<head>

<title> IFrame HTML</title>

</head>

<body>

 

<h2>mencoba HTML Iframes</h2>

<p>Iframe digunakan untuk menampilkan sebuah website berupa frame di halaman web</p>

 

<iframe src="alamat website" style="border:2px solid red;"></iframe>

 </body>

</html>

Hasilnya : 


Pembahasan materi ini ada di dalam Buku "101 Kode HTML untuk belajar kilat" yang diterbitkan oleh Elexmedia Komputindo Jakarta.