Latest Tutorials| Questions and Answers|Ask Questions?|Site Map



Home Html Mixed Frameset in HTML

Related Tutorials


 
 

Share on Google+Share on Google+

Mixed Frameset in HTML

Advertisement
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

Advertisements

If you enjoyed this post then why not add us on Google+? Add us to your Circles



Liked it!  Share this Tutorial


Follow us on Twitter, or add us on Facebook or Google Plus to keep you updated with the recent trends of Java and other open source platforms.

Posted on: December 6, 2008

Related Tutorials

Discuss: Mixed Frameset in HTML  

Post your Comment


Your Name (*) :
Your Email :
Subject (*):
Your Comment (*):
  Reload Image
 
 
Comments:0
DMCA.com