Basic Frames

Lesson 1

A frame enables you to view 2 or more web pages at the same time. Check out the page that you are looking at right now. The menu is along the left edge and the content is displayed on the right.

This is a frame.

The first page that you need to create is the menu. name this page menu.html

Keep everything aligned to the left.

HINT By NOT adding the align=center statement, the alignment is automatically left.

If you like you can look at the basic HTML lessons to get a refresher on how to make a link.

When you have a few links on your menu page, there is one small bit of code that you need to add.

We need to inform your browser that when you click on something on the left (menu) side, that it should be displayed on the right (content) side.

Later we will give our frame sections names but for now, lets just agree that the menu section will be called menu and the right section will be called content.

Please locate your closing head tag </head> and make a space under it.

This new code will be placed BETWEEN the closing head and the opening body


</head>

<base target=content>

<body>


This is all the extra code you will need on your menu.html.

Now lets make your content.html

This page should be decorative as it is the page that will be displayed before anything is clicked on in the menu. The opening page.

Throw a few images on there and a friendly little welcome to my page message. There is no extra code needed here to accommodate a frame.

When you have both of these pages created and saved, move on to the next lesson.