Ok, now that we have learned a bit about framing let's go back to something simple and we'll tear into linking between frames.

    <FRAMESET COLS="33%,67%">
      <FRAME SRC="beth.html">
      <FRAME SRC="terri.html">
    </FRAMESET>

VIEW IT

What we're going to do is add a link from `beth.html` to `shannon.html`. So open `beth.html` with Notepad and add the following...

    <HTML>
    <HEAD>
    <TITLE>My Framz Page</TITLE>
    </HEAD>
    <BODY>
    Beth
    <P>You have to visit my friend Shannon.
    </BODY>
    </HTML>

Then add the link, and save it.

    <HTML>
    <HEAD>
    <TITLE>My Framz Page</TITLE>
    </HEAD>
    <BODY>
    Beth
    <P>You have to visit my friend <A HREF="shannon.html">Shannon</A>.
    </BODY>
    </HTML>

Now try it.

    <FRAMESET COLS="33%,67%">
      <FRAME SRC="beth.html">
      <FRAME SRC="terri.html">
    </FRAMESET>

VIEW IT

If you click on that link you'll see Shannon's page load into Beth's window. I know, I know... you're not impressed. You want to click on a link in Beth's window and have it load into Terri's window. Well, that's a little more work.

What you have to do is `NAME` the `<FRAME>` in your master page. So go ahead and give that second frame a name.

    <FRAMESET COLS="33%,67%">
      <FRAME SRC="beth.html">
      <FRAME SRC="terri.html" NAME="WINDOW-1">
    </FRAMESET>

Note - `<FRAME>` `NAME`s must begin with an alpha-numeric character (abc123 etc). All other window names will be ignored. (An exception is to begin the frame name with the underscore _ Its use is explained a little later.)

Next we have to add a little something to that link in Beth's page, so open `beth.html` again (with Notepad) and add a `TARGET`.

    <HTML>
    <HEAD>
    <TITLE>My Framz Page</TITLE>
    </HEAD>
    <BODY>
    Beth
    <P>You have to visit my friend <A HREF="shannon.html" TARGET="WINDOW-1">Shannon</A>
    </BODY>
    </HTML>

This will cause the link to load into the frame named `WINDOW-1`.

VIEW IT

<< BACK NEXT >>