::: Tutorials > HTML

Frames
How to make Frames


Tutorial by Yamrot
Tuesday April 1, 2003


First, establish your index.html: Its purpose is to tell your frames what to do.

<html>
<head>
<title>My Page</title>
</head>
<frameset cols=30%,70%>
<frame src="left.html" name="leftside">
<frame src="right.html" name="rightside">
</frameset>
<body>
</body>
<noframes>
<a href="your main page.html">Click Here</a>
</noframes>
</html>

Left.html: This page is a regular html page and this is the page that will appear in the left frame. Right.html: This is also a regular html page and this is the page that will turn up in the right frame. You can also have a header which appears on the top of your Web page.

The Source Code for "Head.html"

<html>
<head>
<title>Head Page</title>
</head>
<body>
            <body bgcolor="your background color">
            <h1 Align=center>Header</h1>
</body>
</html>

The Source for "Left.html"

<html>
<head>
<title>Left Page</title>
<body>
    <body bgcolor="your background color for the left section">
</body>
</html>

In this section of the frame you can also add hyperlinks, <a href="http://ww.yahoo.com">YAHOO</a>

The Source for "Right.html"

<html>
<head>
<title>Right Page</title>
<body>
    <body bgcolor="your background color for the Right section of your page">
    <IMG SRC="your image.gif(.jpg)">
</body>
</html>



Copyright 2002 BLUEPRINT Los Altos High School Web Club. All rights reserved.
201 Almond Ave. Los Altos, CA 94022