HTML Demo pages: Frames

Frames

Make your browser window at least as wide as this blue bar to properly view this table

Putting it all together

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">	Here the opening declaration specifying the version of HTML that we are using
<html>	Here's the opening html tag
<head>	This opens the header
<title>Frames Demo</title>	This is the title
<meta http-equiv="content-type" content="text/html;charset=utf-8" />	This is the meta declaration that specifies the character encoding swcheme
</head>	This closes the header
<frameset cols="40%,60%">	This frameset splits the window into two unequal columns
<frameset rows="30%,70%">	This splits the first column into two unequal rows
<frame src="frame1.html">	This names the top cell in the first column
<frame src="frame2.html">	This names the bottom cell in the first column
</frameset>	This closes the frameset that defines the rows
<frameset rows="25%,25%,25%,25%">	This nested frameset splits the second column into four equal rows
<frame src="frame3.html">	This names the top cell in the second column
<frame src="frame4.html">	This names the second cell in the second column
<frame src="frame5.html">	This names the third cell in the second column
<frame src="frame6.html">	This names the bottom cell in the second column
</frameset>	This closes the frameset that defines the rows
</frameset>	This closes the frameset that defines the entire frame display
</html>	This is the closing html tag

The first <frameset rows> tag provides instructions for the browser to display two rows in the first column. However, it is necessary for you to give each of the two cells in this column a name, which is the purpose of the <frame src> tag. Without a name, the browser will not display an active frame.

By closing the first frameset with </frameset>, you have instructed the browser to look for instructions that will apply to the next (and in this case, final) column. In order to give these instructions, you have to use another <frameset rows> tag to divide the second column into cells. Again you have to name them and close the frameset.

After the </frameset> that closes the instructions for dividing the second column, you have to use another one to close the entire set of frame instructions.

Hold me up, I think I'm fainting!

Close this window to return to the frames page.

Page by Howard Rosenbaum
Find me at hrosenba@indiana.edu	http://www.slis.indiana.edu/hrosenba/www/Demo/Demo16.html