HTML

HTML Projects

HTML Project

Frames In HTML
Previous Home Next

HTML FRAMES works to divide your browser window into multiple section where each section can load a separate HTML document . HTML FRAMES provides how to be make a home page that make a normal HTML documents that should be loaded into each of these frames.

Collection of frames in browser window is known as a frameset and it performed by rows and columns. Html frame is frameset page is loaded the browser automatically loads related pages.

Synatx used

<frameset>...</frameset>
Creating Frames

To use frames on a page we use <frameset> tag instead of <body> tag. The <frameset> tag defines how to divide the window into frames. The rows attribute of <frameset> tag defines horizontal frames and cols attribute defines vertical frames. Each frame is indicated by <frameset> tag and it defines which HTML document shall open into the frame.

Example

This example with one header row ,a left & right side column and the content in the center.

<html>
<head>
<title>Example - Frames</title>
</head>
<frameset rows="100,*">
<frame name="top" src="top.html">
<frameset cols="20,60,20">
<frame name="left" src="left.html">
<frame name="mid" src="mid.html">
<frame name="right" src="right.html">
</frameset>
<noframes>
<i>error to display to those who cannot see frames</i>
</noframes>
</frameset>
</html>

Output :

HTML Frame top page coding
<html>
<head>
<title>Eample Frames - Top Frame</title>
</head>
<body bgcolor="#33CCFF">
<H4>The Top Frame</H4>
</body>
</html>
 

Output :

HTML code of middle page
<html>
<head>
<title>Eample Frames - Middle Frame</title>
</head>
<body bgcolor="#FFFFCC">
<H4>The Middle Frame</H4>
<p>
<hr>
<center>
<font size="2">--- End Of Example ---</font>
<br>
<br>Close this window to go back to the guide.
</body>
</html>

 

Output :

HTML page of left Frame
<html>
<head>
<title>Eample Frames - Left Frame</title>
</head>
<body BGCOLOR="#FFCCFF">
<h4>T<br>
h<br>
e<br>
<br>
L<br>
e<br>
f<br>
t<br>
<br>
F<br>
r<br>
a<br>
m<br>
e</h4>
</body>
</html>

Output :

Supporting Browsers
Previous Home Next

Tolal:0 Click:

Show All Comments

Did not find what you were looking for leave your name and message. We will revert within 24 hours
Name:
eMail:
Comment / Feedback: