Using Inline Frames

NOTE: To be able to view an inline frame, you must have Microsoft Internet Explorer 3+ or Netscape Navigator 6+. This may also work in some versions of Opera and AOL. .

     Yes, HTML 4.0 may bring us the ability to use inline frames, which are frames all by themselves in the middle of a page. Of course, everyone will have to be surfing with brand new browsers to see this nifty little trick. Well, wanna see an inline frame? Here you go:

Pretty neat, isn't it? You could actually use the links inside that frame to navigate through all of my HTML tutorials! So how did I get this on here? Here is the code:

<IFRAME src="getstart.htm" width="350" height="200" frameborder="10"> </IFRAME>

That's it! Almost like a normal frame tag, but it shows up inside your page. Here's what all this does:

1. <IFRAME>
   This is the tag that tells the browser an inline frame will go here.
2. src="getstart.htm"
   This lets you specify the url of the document in the frame. See what type of stuff you can get placing one of your pages inside another one!
3. width="350"
   Lets you give the frame a length, in pixels.
4. height="200"
   Lets you give the frame its height, in pixels.
5. frameborder="10"
   Allows you to give the frame a border. Set this as large or as small as you like.

Also, this frame uses links just like any other frame. You can give the inline frame a name, and target the frame with a link on your page outside the frame! Here's How:

First, add the name command to your IFRAME tag:

<IFRAME src="getstart.htm" name="inside_frame" width="350" height="200" frameborder="10">
</IFRAME>

Now, target a link on your page to show up in the frame:

<A HREF="table1.htm" target="inside_frame">See how to build a table!</A>

Here's an example of this at work, click on the link below the frame to change its contents:

See how to build a table!

You can also add the scrolling="no" command to keep the frame from scrolling.

So, go ahead and play around with it for a while. If you find more commands or tricks to add to this section, let me know, and I'll post them with a credit to you. Well, have fun!

Now, let's go on to the next section, where you will see how to Change 2 Frames With One Click.