Examples of frames

Browser
  • IE
  • Cr
  • Sf
  • Fx
  • O

Various layouts of frames. (The 12 basic layouts)

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

Frame example

Example pagenew window


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

Frame example

Example pagenew window


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

Frame example

Example pagenew window


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

Frame example

Example pagenew window


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

Frame example

Example pagenew window


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

Frame example

Example pagenew window


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

Frame example

Example pagenew window


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

Frame example

Example pagenew window


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

Frame example

Example pagenew window


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

Frame example

Example pagenew window


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

Frame example

Example pagenew window


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

Frame example

Example pagenew window