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
