How to Create Frames in HTML? - Programmingempire

The following example code demonstrates How to Create Frames in HTML.

Basically, we use the frames to divide a web page into several parts. Each part of the web page display some specific HTML page.

frames.html

<html>
  <head>
  <title>HTML Frames</title>
  </head>
  <frameset rows="*, *, *">
    <frame src="1.html"/>
    <frameset cols="30%, *">
    	<frame src="2.html"/>
        <frameset rows="*, *">
    		<frame src="3.html"/>
		<frame src="4.html"/>
        </frameset> 
    </frameset>
    <frame src="5.html"/>
  </frameset>
</html>

1.html

<html>
  <head>
  <title>First Frame</title>
  </head>
  <body>
    <center><h1>First Frame</h1></center>
  </body>
</html>

2.html

<html>
  <head>
  <title>Second Frame</title>
  </head>
  <body>
    <center><h1>Second Frame</h1></center>
  </body>
</html>

3.html

<html>
  <head>
  <title>Third Frame</title>
  </head>
  <body>
    <center><h1>Third Frame</h1></center>
  </body>
</html>

4.html

<html>
  <head>
  <title>Fourth Frame</title>
  </head>
  <body>
    <center><h1>Fourth Frame</h1></center>
  </body>
</html>

5.html

<html>
  <head>
  <title>Fifth Frame</title>
  </head>
  <body>
    <center><h1>Fifth Frame</h1></center>
  </body>
</html>

Further Reading