belajar html iframe

IFrame (Inline Frame)

Inline Frames merupakan tipe frames yang banyak digunakan. Micrsoft Internet Explorer 3.0 memperkenalkan sebuah fitur yang disebut inline frames yang didefinisikan dengan tag <iframe>. Inline Frames memungkinkan sebuah frames dengan scrollbar dipasang ditengah-tengah kode HTML seperti halnya image. Tag <iframe> beserta atributnya telah ada didalam standar W3C's HTML 4.0. Memasang inline frame caranya hampir sama dengan memasang image didalam sebuah dokumen HTML. Didalam <iframe> kita mengatur tinggi dan lebar frame dan dokumen HTML yang ingin ditampilkan. Sama seperti images kita bisa mengatur align dan mengatur atribut hspace dan vspace. Kita pun dapat mengatur garis sama seperti images.

Sintaks IFrame
<iframe src="URL"></frame>

Contoh : iframe.htm

view plain print ?

<html>
<head>
<title>Inline Frame</title>
</head>
<body>
<h2>Inline Frames</h2>
Isi keterangan disini
<iframe src="http://eliastutik.blogspot.com" width="350" height="200" align="left" hspace="12"></iframe>
</body>
</html>

Dokumen iframe.htm

IFrame sebagai Target dari sebuah link

Iframe dapat digunakan sebagai Target Frame untuk link
Atribut target dari link harus mengacu pada atribut name di iframe-nya.

Contoh : iframe_target.htm

view plain print ?

<html>
<head>
<title>Inline Frame dengan atribut Target</title>
</head>
<body>
<iframe src="demo_iframe.htm" name="showframe"></iframe>
<p><a href="http://eliastutik.blogspot.com" target="showframe">Blognya eli</a></p>
<p>value/nilai atribut Target link harus sesuai dengan value/nilai atribut name di iframe-nya, link akan terbuka di iframe</p>
</body>
</html>