Frame Tag
1)Creating Vertical Columns
To create vertical columns a set of four vertical columns we are need to use the frameset element with the cols attribute The cols attribute is used to define the number and the size of columns the frameset define will contain. its four files to display its we need four frames. To create four frame we needed to assign four comma-separated values to the cols attribute.
Creating Vertical Columns
Example :-
<!Doctype html>
<html>
<frameset cols="20%, 30%, 25%, 25%">
<frame src="Firstframe.html">
<frame src="Secondframe.html">
<frame src="Thirdframe.html">
<frame src="Fourth Frame.html">
</frameset>
</html>
Creating Vertical Columns
output :-
2)Creating Horizontal Rows
horizontal Rows of frames can be created by using rows attribute rather than the cols attribute shown in HTML.
Creating Horizontal Example
<!DOCTYPE html>
<html>
<frameset rows="20%, 20%, 20%, 20%">
<frame src="FirstFrame.html">
<frame src="SecondFrame.html">
<frame src="ThirdFrame.html">
<frame src="FourthFrame.html">
</frameset>
</html>
Creating Horizontal output
3) Mixing Columns and Rows
mixing Column and rows of frames can be both appear on the same webpage. by nesting one of frameset inside of another. mixing columns is first create to frameset and nest a child frameset with the paren element.
Mixing Columns and Rows
Example :-
<!DOCTYPE html>
<html>
<frameset cols="20%, 30%, 25%">
<frameset rows="20%, 30%">
<frame src="Firstframe.html>
<frame src="Secondframe.html>
</frameset>
<frame src= "ThirdFrame.html">
<frame src="Fourth frame.html>
</frameset>
</html>
Mixing Columns and Rows
Output
4) Nested Frames
Frames can even be nested which means, two or more inner frames can be created in one single outer frame.
Nested Frames
Example :-
<! Doctype html>
<html>
<frameset rows="20%, 80%">
<frame src="header.html">
<frameset cols="50%,50%">
<frame src="LeftFrame.html">
<frame src="RightFrame.html">
</frameset>
</html>
Nested Frames
Output :-
No comments:
Post a Comment