iFrames Test Page

     If you see "CONGRATULATIONS!" in the box below, then your browser supports iFrames!! (if you see "The Page Cannot Be Displayed", or no page at all...then your browser DOES NOT support iFrames. You need a newer/better browser.)




     Hi again! Let me tell you what the difference between frames and iFrames is.


(to see each version, hover over the links below)

Version 1 | Version 2

Quick Explanation
     iFrames are INSIDE of a page (ie: somewhere in the middle), and frames form the EDGES of a page.


Slightly Longer Explanation
     A frame is created when you SPLIT one page into 2 (or more) pages. Notice how, in the images, the frames make up the "sides" -- or "edges" of the page.

     To prove that "it splits up ONE page", look at its HTML code:

Index.html
<html>
<FRAMESET="30%, 70%" frameborder="0">
<frame name="frame1" SRC="page1.html">
<frame name="frame2" SRC="page2.html">

</FRAMESET>
</html>


     ...However, an iFrame is created when you ADD 1 (or more) frames onto one page. Notice that images show frames INSIDE of the page. The code for it would be as follows:

iFrame-ex.html
<html>
If you see "Hello!" in the box below, then your browser supports iFrames!!

<iFrame src="hello.html" align="bottom" name="frame1" width="350" height="424" valign="top" frameborder="0" marginwidth="0"></iFrame>

If you can't see text in the box above, then you need a newer/better browser. =(
</html>