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