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

Lists in HTML - Unordered List

Unordered List An Unordered List is a collection of item that is not  in sequential order. It starts with the <ul> tag and ends with the </ul> tag. Each list item starts with the <li> tag. Each item is marked with the bullet i.e . with the disc or square or circle.  By default the tag starts with the disc . It is also called Bulleted list. Tags of Unordered List <ul> </ul> <li></li> Example    Write a  program to print the list given below pen pencil book <html> <head> <title> unordered list </title> </head> <body> <ul> <li>pen</li> <li>pencil</li> <li>book</li> </ul> </body> </html> Example of Attributes of <ul> tag with the Type attributes Write a program to print the list given below <html> <head> <title> unordered list </title> </head...
Post a Comment
Read more

HTML WEB PAGE DESIGN - How to Create simple HTML web page

How to Design Simple HTML Web page In this article, we are going to learn how to design HTML web page. This article is used to let you know, how to create a simple web page using HTML. With this article you will come to know how to create the simple web page from scratch. To create the web page one should use the editors like notepad or Dreamweaver or Notepad++ etc. Here we are using Notepad ,in this connection steps are initiated to be as following HTML  Web Page Design A web page is a part of a website, containing information about a particular topic. You can create a custom web page using HTML. You can put anything you want on your web page like images, tables, hyperlinks, etc. Open Notepad: To open the Notepad one has to go to Start -> All Programs -> Accessories ->Notepad.  Notepad Once Notepad is open write the coding their as given below 1. <HTML> is the first tag of the web page and you have to write it at the top ...
Post a Comment
Read more