Skip to main content

HTML FRAMES - HTML Frames Example with Output

Post Updated :16-02-2018
HTML Frames is used to display more than one file. It is used to divides the browser window into different parts or sections  i.e.  row-wise or column-wise or row and column-wise . Each section can display HTML files.To create a frame  two tags are used they are <frameset> and <frame> tag.


Attributes of  <frameset>    tag

 1. Cols=value is % or pixels
2. Rows= values in % or pixels

Attributes of <frame> tag

 1. Src= "path"
2. Name="name of the frame"
3. Border= value in pixels
4. Noresize
5. Scrolling="true" or "false"
6. Marginwidth=value in % or pixels
7. Marginheight=value in % or pixels

If I want to divide the browser into two columns. The following example will be used to divide the window into 2 section. In the example given below we are using to divide the browser into equal sections i.e. 50% each.

HTML Frames Example with Output

Simple example of two- framed page

<html>
<head>
<title> frames</title>
</head>
<frameset cols="50%,50%">
<frame src="a.html">
<frame src="b.html">
</frameset>>
</body>
</html>

Output is
HTML Frames Example with Output
HTML Frames Example with Output


If you want to divide the browser into two rows than we have to use rows attribute instead of the column attribute.The following example is used to divide the browser into two equal sections i.e. 50% each.

Simple example of  two-framed  page

 <html>
<head>
<title> frames</title>
</head>
<frameset rows="50%,50%">
<frame src="a.html">
<frame src="b.html">
</frameset>>
</body>
</html>


Output is

HTML Frames with output
HTML Frame with Output

If you want to display more than two like four, five six, etc  HTML files. The following example will display four html files . The coding is as given below

Simple example of four-framed pages

 <html>
<head>
<title>
frames
</title>
</head>
<frameset rows="50% , 50%">
<frameset cols="50%,50%">
<frame src="a.html">
<frame src="b.html">
</frameset>
<frameset cols = "50%,50%">
<frame src="c.html">
<frame src="d.html">
</frameset>
</frameset>
</html>

Output is
HTML Frames
HTML Frames 

NEXT

Comments

Post a Comment

Popular posts from this blog

How to create HTML Form - I

How to create HTML Form In this tutorial, we will learn about   How to create HTML Form . So far we have discussed how to create a frame ,  tables ,  List , insert Images , Linking in HTML etc. HTML Form is one of the most important  part of the websites  Every website has Contact forms or feedback forms.. Filling the Digital forms  saves time, cost of printing, and  paperwork  Before learning about how to create a Form lets understand   what is a form ? What is a form? Dictionary meaning of the form is  a blank document or template to be filled in by the user, in the same way as HTML Forms. HTML Forms are used  to gather/collect information about an user or customer, such as  his or her  e-mail address, name, address, phone, date of birth and, educational qualification etc.  <form></form> tag is used to create the HTML Form as given below. <form action="abc.php" method=""> ----...
Post a Comment
Read more

Table in HTML

Table is used to store data in the form of rows and columns.<Table> </Table > tag is used for creating the table.   Tags used for creating  the table  is as follows Tags Description <table></table> <tr></tr> It defines the table row. <th></th> It defines the table heading. <td></td> It defines the table data. <caption></caption> It defines the caption of the table. Attributes of the <table></table> tag. Attributes Value Description Bgcolor Color name Changes the background color of the table. Background Path of the image Applies the image as the background. Border Value (eg. 1,2,10) It is used to apply the border thickness of the table. BorderColor Color name It changes the color of the table bord...
Post a Comment
Read more