Nesting Frames Pages

  • Frames can be nested like tables can be nested.  In this example there are five pages used.
      
  • Master Frame Layout Page:
    <html>
    <    head>
    <    title>Nested Frame Page Example</title>
    <    /head>

    <frameset rows="74,*,125">

    <frame name="HEADER" scrolling="no" noresize  target="CONTENTS" src="L12Exheader.htm">

    <frameset cols="197,*">

    <frame name="CONTENTS" target="MAIN" src="L12exLeft.htm">
    <frame name="MAIN" src="L12Exmain.htm" target="MAIN">

    </frameset>

    <frame   name="FOOTER" scrolling="no" noresize target="CONTENTS" src="L12Exfooter.htm">

    <noframes>
    <    body>
    <    p>This page uses frames, but your browser doesn't support them.</p>
    <    /body>
    <    /noframes>

    </frameset>
    <    /html>

   

<html>
<head>
<title>Header Page Named HEADER</title>
<base target="CONTENTS">
</head>

<body bgcolor="#80FF80">

<p>Page Named <strong>HEADER.&nbsp; </strong>Hyperlink <strong>target frame </strong>is <strong>CONTENTS

&nbsp; </strong>Open new <a href="L12newTop.htm" target="CONTENTS">contents page</a>.</p>
</body>
</html>
<html>
<head>
<title>Left Border Page Named LEFT</title>
<base target="MAIN">
</head>

<body bgcolor="#DCB9FF">

<p>Page Named:<strong> CONTENTS </strong></p>
<p><strong>Hyperlink target frame is Main</strong></p>

<p><a href="L12Exheader.htm"><strong>header</strong></a></p>

<p><a href="../Lecture10.htm"><strong>Lecture 10</strong></a></p>

<p><a href="../Lecture11.htm"><strong>Lecture 11</strong></a></p>

<p><a href="L12Exmain.htm"><strong>main</strong></a></p>

</body>
</html>
<html>
<head>
<title>Center Stage Page Named&nbsp; MAIN</title>
<base target="MAIN">
</head>

<body bgcolor="#FFFF80">

<p>Page Named&nbsp; <strong>MAIN</strong></p>

<p>Hyperlink target frame is <a href="L12ExNewMain.htm"><strong>Main</strong></a></p>

</body>

</html>
<html>
<head>
<title>Footer page named FOOTER</title>
<base target="CONTENTS">
</head>

<body bgcolor="#B9DCFF">

<p>Page named <strong>FOOTER.&nbsp; </strong>Hyperlink <strong>target frame </strong>is <strong>CONTENTS

&nbsp; </strong>Open new <strong><a href="L12Contents3.htm">contents page</a>. </strong></p>

</body>
</html>

 

       

Last updated on 11/11/2004  by L.M. Hicks