HTML Frame Creation


Creating an HTML Frame
Frame is used to divide web pages into sections. Distribution of this page is intended for the web page becomes more interesting and attractive. Here is a simple example of the implementation of the manufacture of frames in web pages:

  • Create files that will be displayed in the window, for example page Menu, About and Contact:

contact.html :
<html>
 <head>
  <title>Contact</title>
 </head>
 <body>
 Our Contact:<br>
 http://tophtml.blogspot.com
 </body>
</html>

about.html :
<html>
  <head>
  <title>About</title>
 </head>
 <body>
 It's all about HTML Tutorial<br>
 Learn HTML here...
 </body>
</html>

menu.html :
<html>
<head>
  <title>Main Menu</title>
</head>
<body>
Links List :
<p>
<a href="#" target="main">Home</a><br/>
<a href="about.html" target="main">About</a><br/>
<a href="contact.html" target="main">Contact</a><br/>
</p>
</body>
</html>

  • Make a main file that will hold the files above:

frame_tutorial.html :
<html>

<head>
  <title>HTML Frame Tutorial</title>
</head>
<frameset cols="15%,*">
    <frame src="menu.html" name="menu">
    <frame src="about.html" name="main">
</frameset>
</html>

  • Save all the files above in a single folder. Then open the file frame_tutorial.html. The result will appear which is divided into two columns. The left column represents the contents of the file menu.html. Right column can contain the file menu.html, about.html and contact.html.

0 comments:

Post a Comment