Html tutorial frame, online html tutorial frame, free html tutorial frame, online free html tutorial frame
html tutorial frame, online html tutorial frame, free html tutorial frame, online free html tutorial frame

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.

menu.html code:

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

main.html code:

<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.

Back Next


AddThis Social Bookmark Button
Page contents: Html tutorial frame, online html tutorial frame, free html tutorial frame, online free html tutorial frame

Page URL: http://www.webdevelopersnotes.com/tutorials/adhtml/ html_tutorial_frame_frames_part_2.php3



Join Mailing List


Feedback/Questions




50+ web hosting FAQs

Search engine for your website

Free software from Google - The Google Pack Collection

Create your own search engine
Search WebDevelopersNotes.com