layout examples of frames


Examples of frames

Browser
Internet Explorer Firefox Opera

Various layouts of frames. (The 12 basic layouts)


Example

Frame example

<html>
<head>
<title>TAG index</title>
</head>

<frameset cols="150,*">
<frame src="example_a.html">
<frame src="example_d.html">

<noframes>
<body>
<p>Alternate content</p>
</body>
</noframes>

</frameset>

</html>

Example page


Frame example

<html>
<head>
<title>TAG index</title>
</head>

<frameset cols="*,150">
<frame src="example_d.html">
<frame src="example_a.html">

<noframes>
<body>
<p>Alternate content</p>
</body>
</noframes>

</frameset>

</html>

Example page


Frame example

<html>
<head>
<title>TAG index</title>
</head>

<frameset cols="150,*,150">
<frame src="example_a.html">
<frame src="example_d.html">
<frame src="example_b.html">

<noframes>
<body>
<p>Alternate content</p>
</body>
</noframes>

</frameset>

</html>

Example page


Frame example

<html>
<head>
<title>TAG index</title>
</head>

<frameset rows="100,*">
<frame src="example_a.html">
<frame src="example_d.html">

<noframes>
<body>
<p>Alternate content</p>
</body>
</noframes>

</frameset>

</html>

Example page


Frame example

<html>
<head>
<title>TAG index</title>
</head>

<frameset rows="*,100">
<frame src="example_d.html">
<frame src="example_a.html">

<noframes>
<body>
<p>Alternate content</p>
</body>
</noframes>

</frameset>

</html>

Example page


Frame example

<html>
<head>
<title>TAG index</title>
</head>

<frameset rows="100,*,100">
<frame src="example_a.html">
<frame src="example_d.html">
<frame src="example_b.html">

<noframes>
<body>
<p>Alternate content</p>
</body>
</noframes>

</frameset>

</html>

Example page


Frame example

<html>
<head>
<title>TAG index</title>
</head>

<frameset rows="100,*">

<frame src="example_a.html">

<frameset cols="150,*">
<frame src="example_b.html">
<frame src="example_d.html">
</frameset>

<noframes>
<body>
<p>Alternate content</p>
</body>
</noframes>

</frameset>

</html>

Example page


Frame example

<html>
<head>
<title>TAG index</title>
</head>

<frameset rows="100,*">

<frame src="example_a.html">

<frameset cols="*,150">
<frame src="example_d.html">
<frame src="example_b.html">
</frameset>

<noframes>
<body>
<p>Alternate content</p>
</body>
</noframes>

</frameset>

</html>

Example page


Frame example

<html>
<head>
<title>TAG index</title>
</head>

<frameset cols="150,*">

<frame src="example_a.html">

<frameset rows="100,*">
<frame src="example_b.html">
<frame src="example_d.html">
</frameset>

<noframes>
<body>
<p>Alternate content</p>
</body>
</noframes>

</frameset>

</html>

Example page


Frame example

<html>
<head>
<title>TAG index</title>
</head>

<frameset cols="150,*">

<frame src="example_a.html">

<frameset rows="100,*,100">
<frame src="example_b.html">
<frame src="example_d.html">
<frame src="example_c.html">
</frameset>

<noframes>
<body>
<p>Alternate content</p>
</body>
</noframes>

</frameset>

</html>

Example page


Frame example

<html>
<head>
<title>TAG index</title>
</head>

<frameset cols="*,150">

<frameset rows="100,*">
<frame src="example_b.html">
<frame src="example_d.html">
</frameset>

<frame src="example_a.html">

<noframes>
<body>
<p>Alternate content</p>
</body>
</noframes>

</frameset>

</html>

Example page


Frame example

<html>
<head>
<title>TAG index</title>
</head>

<frameset cols="*,150">

<frameset rows="100,*,100">
<frame src="example_b.html">
<frame src="example_d.html">
<frame src="example_c.html">
</frameset>

<frame src="example_a.html">

<noframes>
<body>
<p>Alternate content</p>
</body>
</noframes>

</frameset>

</html>

Example page