WebDevelopersNotes logo

home-icon Home / HTML / HTML tutorial frame – Frames part 2

HTML tutorial frame – Frames part 2

HTML tutorial frame – Frames part 2

The important code of frames.html is presented again:

<FRAMESET COLS="20%, 80%">
   <FRAME SRC="menu.html">
   <FRAME SRC="main.html">
</FRAMESET>

Now we’ll write the code for menu.html and main.html.

HTML code of menu.html page:

<HTML>
<HEAD><TITLE>Menu</TITLE>
</HEAD>
<BODY BGCOLOR="#FFCCFF">
Navigation<BR>
frame
</BODY>
</HTML>

HTML code of main.html page:

<HTML>
<HEAD><TITLE>Main</TITLE>
</HEAD>
<BODY BGCOLOR="#CCCCFF">
<H1>Main Content</H1>
</BODY>
</HTML>

These two files are quite simple and do not require much explanation.

Now, click here to view frames.html. (Note: This launches another browser window)

frames.html displays the two frames with borders. We shall soon see how to remove this. But before that, right click on the pink colored frame and select View Frame Info (in Netscape) or Properties (in Internet Explorer). You shall find that the HTML document loaded in this is menu.html. Do the same for the right frame. Here you’ll find main.html.

If you have escaped all this without bruises, we’ll look at some important properties of <FRAMESET> tag in the next session.

Sponsored Links

Your comments
Star icon IMPORTANT Have a question / problem? Click here to ask an expert.

Sponsored Links

Tips

How do I view a deleted web page?
Is there a way to view a deleted web page - one that is no longer available? Yes there is and the solution is quite simple. [more...]

Fact

Matthew Doucette is credited of having coined the phrase 'domain hack'. [more...]

We use cookies to give you the best possible website experience. By using WebDevelopersNotes.com, you agree to our Privacy Policy