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

|