Development| HTML| JavaScript| Questions?

 

 

 

 

 

 

 

 

 

 

 

 

 

Search Tutorials

Latest Questions
Comments
 
Mixed Frameset in HTML 
 

Mixed Frameset is used to display vertical and horizontal frameset in a same web page.

 

Mixed Frameset in HTML

                         

Mixed Frameset is used to display vertical and horizontal frameset in a same web page. 

Understand with Example

In This Tutorial, the code illustrates an example from Mixed Frameset in HTML. The Mixed Frameset html code create a html page which shows you to mix them in rows and columns frameset.

 

 

 

 

For this we create a html page name New Document with <body> entitled Welcome to Online Shopping Website.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
</HEAD>
<BODY>
Welcome to Online Shopping Website
</BODY>
</HTML>


The code is saved with .htm extension. Paste the path of html code in a url of browser.

Run the html code in browser and output is displayed as below

Welcome to Online Shopping Website

Again ,we create another HTML page, which is saved with .htm extension. The HTML page allows the user to select any one of the radio button.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
</HEAD>
<BODY>
<p>Try clicking on the text labels:</p>
<form name="input" action="saurabh.asp">
<input type="radio" name="Qualification" id="CLASS X" />
<label for="CLASS X">CLASS X</label>
<br />
<input type="radio" name="Qualification" id="CLASS XII" />
<label for="CLASS XII">CLASS XII</label><br>
<input type="submit" value="submit"></br>
</form>
</BODY>
</HTML>

Paste the path of a code in url, the output of code is displayed in browser is

 

The HTML page create a radio button, which allows the user to select any one of the radio button.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
</HEAD>

<BODY>
<form name="input" action="saurabh1.asp">
<title>Year of Working Experience</title>Working Experience<br>
<input type ="radio" name ="experience" value ="0-12 MONTH">
</br><label for="0-12 MONTH">0-12 MONTH</label>
<br><input type="radio" name ="experience" value ="1-2 Year ">
</br><label for="1-2 Year">1-2 Year</label>
<br>
<input type ="submit" value= "submit">
</form>
</BODY>
</HTML>

 

Output is displayed as

Now we implement Mixed Frameset in html page, which allows the three different web pages in a single window browser. Firstly the code divide the entire page into two horizontal frame set.

<frameset rows> : The <frameset rows> is used to specify the horizontal frameset in a web page. This divide the entire page into two rows.

<frame src> : The <frame src> specifies the path of html code from where the html code is taken.

The code further divide the second horizontal  frameset into two vertical frameset.

<frameset cols> :The <frameset cols> is used to implement vertical frameset in a web page.

<html>
<frameset rows="25%,75%">
<frame src="NAME.htm" />
<frameset cols="25%,75%">
<frame src="label.htm" />
<frame src="WorkingExperience.htm">
</frameset>

</frameset>

</html>


Output of the code is displayed as

 

Download Source Code

                         

» View all related tutorials
Related Tags: html c object objects sed graph tag line app horizontal to lines between e li paragraph use ul apply in

Leave your comment:

Name:

Email:

URL:

Title:

Comments:


Enter Code:

Audio Version
Reload Image
 

Note: Emails will not be visible or used in any way, and are not required. Please keep comments relevant. Any content deemed inappropriate or offensive may be edited and/or deleted.

No HTML code is allowed. Line breaks will be converted automatically. URLs will be auto-linked. Please use BBCode to format your text.

Add This Tutorial To:
  Del.icio.us   Digg   Google   Spurl   Blink   Furl   Simpy   Y! MyWeb 
Training Courses
Tell A Friend
Your Friend Name
Software Solutions
Least Viewed
Most Rated
Recently Viewed
Search Tutorials

 

 
 

Home | JSP | EJB | JDBC | Java Servlets | WAP  | Free JSP Hosting  | Search Engine | News Archive | Jboss 3.0 tutorial | Free Linux CD's | Forum | Blogs

About Us | Advertising On RoseIndia.net  | Site Map

India News

Indian Software Development Company | iPhone Development Company in India | Flex Development Company in India | Java Training Delhi | Java Training at Noida |

Send your comments, Suggestions or Queries regarding this site at roseindia_net@yahoo.com.

Copyright © 2008. All rights reserved.