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 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