Frames

Section 1 - Introduction
Section 2 - Basics
Section 3 - Next Level
Section 4 - Advanced
      Fancy Lists
      Forms
      Advanced Tables
      Frames
         About frames
         Frameset
         Frame source & name
         Nesting Frames
         Target & Noframes
         Frameset borders, etc.
         Scrolling & Resizing
         Margin width, borders
         IFrame
         Should you? Try it
      Style Sheets
      Image Maps
Section 5 - Publishing
Section 6 - Extras
Appendices
Once you have established a frameset on a page, you need to fill that set with frames. Compare frames to a table. If you just use the <table> tags without any data cells between them, it won't do you any good. The frameset tags are similar to the table tags. Inside the set of frames you need to put... frames!

The tag to create a frame is really easy. It is simply
<frame>
Notice that you do NOT need a </frame> tag. Of course, this frame is empty. You need to tell the computer what goes in the frame. That isn't hard either.
<frame src="">
This should remind you of an image or anchor tag. It workes almost the same. In between the quotation marks goes the html page you wish to show within the frame. For example, if you had a page named "fuzzy.html" you would put it into a frame like this:
<frame src="fuzzy.html">
And there ya go. There is one more thing you absolutely need to do when defining a frame though. You must give the frame a name. Again, this is similar to giving an anchor a name. While you can name the frame anything you'd like, I strongly suggest giving it a short name that is easy for you to remember and doesn't involve any crazy symbols. Let's name this frame "main."
<frame src="fuzzy.html" name="main">
You must name your frame because if you want to click on a link in one frame and have it open a page in a different frame, you need a way to tell it where to go. PUtting that all together, here's what we've learned so far:
<html>
<head></head>
<frameset cols="20%,*">
      <frame src="cool.html" name="contents">
      <frame src="fuzzy.html" name="main">
</frameset>
</html>
And that code would produce this page.
Back Home Forward