1. About.com
  2. Computing & Technology
  3. Web Design / HTML

HTML Frames Example HTML

The following HTML shows how to create HTML frames in several different fasions. Click on the links to see the HTML in action.

Vertical HTML Frames

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<title>HTML Frames Example - Vertical Frameset Example</title>
</head>
<frameset cols="25%,*,25%">
<frame src="zframe1.htm">
<frame src="zframe2.htm">
<frame src="zframe3.htm">
</frameset>
</html>

Vertical HTML Frames Example

Return to HTML Frames information page.

Horizontal HTML Frames

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<title>HTML Frames Example - Horizontal Frameset Example</title>
</head>
<frameset rows="25%,*,25%">
<frame src="zframe1.htm">
<frame src="zframe2.htm">
<frame src="zframe3.htm">
</frameset>
</html>

Horizontal HTML Frames Example

Return to HTML Frames information page.

Mixed HTML Frames

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<title>HTML Frames Example - Mixed Frameset Example</title>
</head>
<frameset rows="25%,*">
<frame src="zframe1.htm">
<frameset cols="*,25%">
<frame src="zframe2.htm">
<frame src="zframe3.htm">
</frameset>
</frameset>
</html>

Mixed HTML Frames Example

Return to HTML Frames information page.

Discuss in my forum

©2012 About.com. All rights reserved. 

A part of The New York Times Company.