Web Shoppe | HTML | In-Line Frames

Home | Coding | HTML | In-Line Frames

In-Line Frames

In-line frames are frames that appear within a normal HTML page. They look like tables, but are whole other pages, complete with scrollbars. Here is an example:

Cool, huh? This is the code I used to make it:

<iframe src="inlineframe.html" width="200" height="100"></iframe>

It works just like an <img> tag. It needs a src, which is the name of the page that will appear in the frame, and a width and height in pixels. The only difference is that it needs a closing </iframe> tag.

To use links properly, we use names and targets the same as we do with regular frames. Add name="inlineframe" to the <iframe> tag. Then, add target="inlineframe" to any links you want to open up in the frame. If you have a link in the frame you want to open up in the whole window, add target="_top"

If you add frameborder="0" to the <iframe>, you can make the iframe invisible. Like this:

If you add scrolling="no", no scrollbars will appear. You can also get rid of the margins by adding marginwidth="0" marginheight="0".

Note that in-line frames may not work in all browsers.