HTML FRAMESET, FRAME, NOFRAMES Examples

Example 1: FRAMESET FRAME NOFRAMES

Example 1: FRAMESET FRAME NOFRAMES

Here is the content of FramesetEx1.htm:

<HTML>
<HEAD>
<TITLE>Simple Frame Test Document</TITLE>
</HEAD>
<FRAMESET ROWS="90, *">
    <FRAME NAME="topbar" SRC="FramesetEx1Direct.htm">
    <FRAMESET COLS="10%, 45%, 45%">
        <FRAME NAME="navi-bar" SRC="FramesetEx1NaviBar.htm">
        <FRAME NAME="main-left" SRC="FramesetEx1MainLeft.htm">
        <FRAME NAME="main-right" SRC="FramesetEx1MainRight.htm">
    </FRAMESET>
</FRAMESET>

<NOFRAMES>
    <BODY>
        <H2 ALIGN="center">So, You Don't Support Frames, Eh?</H2>
        <BLOCKQUOTE>
            <P>So you don't like frames. Well, too bad for you!
        </BLOCKQUOTE>
    </BODY>
</NOFRAMES>
</HTML>

Here is the content of FramesetEx1Categories.htm:

<HTML>
<HEAD>
<TITLE>Simple Frame Test Document: Categories (Example 1)</TITLE>
</HEAD>
<BODY>
<DIV ALIGN="center">
<TABLE CELLPADDING="0" CELLSPACING="0" WIDTH="100%">
<TR><TD COLSPAN="6" ALIGN="center">
    <B><FONT SIZE="+1">C</FONT>ATEGORIES</B>
</TR>
<TR>
    <TD ALIGN="center">Beasts
   <TD ALIGN="center"><A HREF=".">Birds</A>
    <TD ALIGN="center"><A HREF=".">Fish</A>
    <TD ALIGN="center"><A HREF=".">Parrots</A>
    <TD ALIGN="center"><A HREF=".">Chesses</A>
    <TD ALIGN="center"><A HREF=".">Piston Engines</A>
</TR>
</TABLE>
</DIV>
</BODY>
</HTML>

Here is the content of FramesetEx1NaviBar.htm:

<HTML>

<HEAD>
<TITLE>Simple Frame Test Document: Navigator Bar (Example 1)</TITLE>
</HEAD>
<BODY>
<p>Beasts<br><br>
<a href="FramesetEx1Dogs.htm" target="main-left">Dogs</a><br><br>
<a href="FramesetEx1Cats.htm" target="main-right">Cats</a><br><br>
<a href="FramesetEx1Nothing.htm">Frogs</a><br><br>
<a href="FramesetEx1Nothing.htm" target="unkown">Deer</a><br><br>
<a href="FramesetEx1Nothing.htm">Snakes</a><br><br>
<a href="FramesetEx1Nothing.htm">Mice</a><br><br>
<a href="FramesetEx1Nothing.htm" target="main-left">Rats</a><br><br>
<a href="FramesetEx1Nothing.htm" target="main-right">Squirrels</a><br><br>
<a href="FramesetEx1Audio.htm" target="main-left">Audio</a><br><br>
<a href="FramesetEx1Video.htm" target="main-right">Video</a><br><br>
</BODY>
</HTML>

Here is the content of FramesetEx1MainLeft.htm:

<HTML>
<HEAD>
<TITLE>Simple Frame Test Document: Main Left (Example 1)</TITLE>
</HEAD>
<BODY>
<BR><BR><BR><BR><BR><BR>
<H2 ALIGN="center">Placeholder For Main Left Frame</H2>
</BODY>
</HTML>

Here is the content of FramesetEx1MainRight.htm:

<HTML>
<HEAD>
<TITLE>Simple Frame Test Document: Main Right (Example 1)</TITLE>
</HEAD>
<BODY>
<BR><BR><BR><BR><BR><BR>
<H2 ALIGN="center">Placeholder For Main Right Frame</H2>
</BODY>
</HTML>

Here is the content of FramesetEx1Dogs.htm:

<HTML>
<HEAD>
<TITLE>Simple Frame Test Document: Dogs (Example 1)</TITLE>
</HEAD>
<BODY>
<BR><BR><BR><BR><BR><BR>
<H2 ALIGN="center">Dogs information here</H2>
</BODY>
</HTML>

Here is the content of FramesetEx1Cats.htm:

<HTML>
<HEAD>
<TITLE>Simple Frame Test Document: Cats (Example 1)</TITLE>
</HEAD>
<BODY>
<BR><BR><BR><BR><BR><BR>
<H2 ALIGN="center">Cats information here</H2>
</BODY>
</HTML>

Here is the content of FramesetEx1Nothing.htm:

<HTML>
<HEAD>
<TITLE>Simple Frame Test Document: Nothing (Example 1)</TITLE>
</HEAD>
<BODY>
<BR><BR><BR><BR><BR><BR>
<H2 ALIGN="center">Nothing information here</H2>
</BODY>
</HTML>

Here is the content of FramesetEx1Audio.htm:

<HTML>
<HEAD>
<TITLE>Simple Frame Test Document: Audio (Example 1)</TITLE>
</HEAD>
<BODY>
<EMBED SRC="sounds/MozartNo40.rmi" WIDTH="500" HEIGHT="200">
</BODY>
</HTML>

Here is the content of FramesetEx1Video.htm:

<HTML>
<HEAD>
<TITLE>Simple Frame Test Document: Video (Example 1)</TITLE>
</HEAD>
<BODY>
<EMBED SRC="video/CAPTURE.AVI" WIDTH="500" HEIGHT="500">
</BODY>
</HTML>

Example 1 Output: Click here to execute FramesetEx1.htm.