Scribd
Upload
54 views29 pages

Frames: Loaded in Each Frame

The document discusses how to divide a web page into multiple frames using HTML. The <frameset> tag divides the page into sections called frames. The <frame> tag specifies the HTML document loaded into each frame. Framesets can be arranged in rows and columns, with each frame taking up a percentage of the space. Nested framesets create a grid-like layout with multiple frames.

Uploaded by

VEERA MANIKANTA
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
54 views29 pages

Frames: Loaded in Each Frame

The document discusses how to divide a web page into multiple frames using HTML. The <frameset> tag divides the page into sections called frames. The <frame> tag specifies the HTML document loaded into each frame. Framesets can be arranged in rows and columns, with each frame taking up a percentage of the space. Nested framesets create a grid-like layout with multiple frames.

Uploaded by

VEERA MANIKANTA
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 29

FRAMES

HTML allows us to divide a web page into several blocks


called frames.
The <frameset> tag is used to divide a web page into
several blocks called frames.
The <frame> tag specifies the HTML document to be
loaded in each frame.
FRAMES

The <frameset> element specifies “How Many”


columns or rows there will be in the frameset, and
“How Much” percentage/pixels of space will
occupy each of them.
The <frame> tag defines one particular window
(frame) within a <frameset>
Top.html
FRAMES
<html>
Welcome to HTML.
</html>

Bottom.html Welcome to HTML.


<html>
This is example for Frames.
</html>
MainFrame.html This is example for Frames.

Welcome to HTML.

This is example for Frames.


FRAMES

Top.html
MainFrame.html
Welcome to HTML.

This is example for Frames.

bottom.html
FRAMES
Top.html
<html>
Welcome to HTML.
</html>
Bottom.html
<html>
This is example for Frames.
</html>
MainFrame.html

<frameset >
rows = " 50%, 50% "
Top.html FRAMES
<html>
Welcome to HTML.
</html>
Frame 1
Bottom.html
<html>
This is example for Frames.
</html>
MainFrame.html

<frameset >
rows = " 50%, 50% "
FRAMES
Top.html
<html>
Welcome to HTML.
</html>
Frame 1
Bottom.html
<html>
This is example for Frames. Frame 2
</html>
MainFrame.html

<frameset >
rows = " 50%, 50% "
Top.html FRAMES
<html>
Welcome to HTML.
Frameset 1
</html>
Frame 1
Bottom.html Welcome to HTML.
<html>
This is example for Frames. Frame 2
</html> This is example for Frames.
MainFrame.html
<head>
<frameset >
rows = " 50%, 50% "
<frame src = “top.html” > rows = " 50% , * "
<frame src = “bottom.html”>
</frameset> rows = " 50 , 50 "
</head>
FRAMES

Left.html
MainFrame.html
Welcome to HTML. This is example for Frames.

Right.html
Left.html
FRAMES
<html>
Welcome to HTML.
</html>
Right.html
<html>
This is example for Frames.
</html>
MainFrame.html

<frameset >
cols = “ 50%, 50% "
Left.html FRAMES
<html>
Welcome to HTML.
</html> Frame 1
Right.html
<html>
This is example for Frames.
</html>
MainFrame.html

<frameset >
cols = “ 50%, 50% "
Left.html FRAMES
<html>
Welcome to HTML.
</html>
Frame 1 Frame 2
Right.html
<html>
This is example for Frames.
</html>
MainFrame.html

<frameset >
cols = “ 50%, 50% "
Left.html
FRAMES
<html>
Welcome to HTML.
Frameset 1
</html>
Frame 1 Frame 2
Right.html Welcome to HTML. This is example for Frames.
<html>
This is example for Frames.
</html>
MainFrame.html
<head>
<frameset >
cols = “ 50%, 50% "
<frame src = “left.html” >
<frame src = “right.html” >
</frameset>
</head>
MainFrame.html
1.html
This is frame1 This is frame 2

2.html
This is frame 3 This is frame 4

4.html
3.html

We can write HTML code in 3 different ways for MainFrame.html


FRAMES

MainFrame.html

<frameset rows=“50% , 50%”  > Frame 1

Frame 2
FRAMES

Frameset 1
MainFrame.html
Frame 1

<frameset rows=“50% , 50%”  >

<frameset  cols=“50% , 50%” > Frame 2


FRAMES

MainFrame.html Frameset 1
Frame 1
Frame a
<frameset rows=“50% , 50%”  >
<frameset cols=“50%
  , 50%” >
Frame 2
FRAMES

Frameset 1
MainFrame.html Frame 1
Frame a Frame b

<frameset rows=“50% , 50%”  >

<frameset  cols=“50% , 50%” > Frame 2


FRAMES

MainFrame.html Frameset 1
Frameset 2
<frameset rows=“50% , 50%”  >
Frame a Frame b
<frameset  cols=“50% , 50%” >

Frame 2
MainFrame.html

<frameset rows=“50% , 50%” >


<frameset  cols=“50% , 50%” >
1.html 2.html
<frame src = “1.html” >
<frame src = “2.html” > Frameset 1
Frameset 2
</frameset> Frame a Frame b
<frameset cols=“50% , 50%”  > This is frame1 This is frame2

Frame 2
MainFrame.html
<head>
<frameset rows=“50% , 50%”  >
<frameset  cols=“50% , 50%” >
1.html 2.html
<frame src = “1.html” >
<frame src = “2.html” > Frameset 1
Frameset 2
</frameset> Frame a Frame b
<frameset cols=“50% , 50%”  > This is frame1 This is frame2
<frame src = “3.html” >
Frameset 3
<frame src = “4.html” > Frame c Frame d
</frameset> This is frame3 This is frame4
</frameset>
</head>

3.html 4.html
FRAMES

Frame 1 Frame 2
MainFrame.html

<frameset cols=“50% , 50%”  >


MainFrame.html

<frameset cols=“50% , 50%”  >


<frameset rows=“50% , 50%”  >
Frameset 1
Frame 1 Frame 2
FRAMES

Frameset 1
Frame 1 Frame 2
Frame a
MainFrame.html

<frameset cols=“50% , 50%”  >


<frameset rows=“50% , 50%” >
FRAMES

Frameset 1
Frame 1 Frame 2
MainFrame.html Frame a

<frameset cols=“50% , 50%”  >

<frameset rows=“50% , 50%”  > Frame b


MainFrame.html

<frameset cols=“50% , 50%”  >


1.html
<frameset rows=“50% , 50%”  >
Frameset 1
<frame src = “1.html” > Frameset 2 Frame 2
<frame src = “3.html” > Frame a Frame c
</frameset> This is frame1
<frameset rows=“50% , 50%”  >

Frame b Frame d

This is frame3

3.html
MainFrame.html
<head>
<frameset cols=“50% , 50%”  >
1.html 2.html
<frameset rows=“50% , 50%”  >
Frameset 1
<frame src = “1.html” > Frameset 2 Frameset 3
<frame src = “3.html” > Frame a Frame c
</frameset> This is frame1 This is frame2
<frameset rows=“50% , 50%”  >
<frame src = “2.html” > Frame b Frame d
<frame src = “4.html” > This is frame4
This is frame3
</frameset>
</frameset>
</head>

3.html 4.html
MainFrame.html
<head>
<frameset rows=“50% , 50%” cols=“50%,50%”>
<frame src=“frame1.html”>
<frame src=“frame2.html”>
<frame src=“frame3.html”>
<frame src=“frame4.html”>
OUTPUT:
</frameset>
</head> This is frame1 This is frame2

This is frame3 This is frame4


NESTED FRAMES
Top.html
<html>
Welcome to Vignan lara.
</html>
Left.html
<html>
<a>CSE </a> <br><a>IT </a><br><a> EEE</a> <br> <a>ECE</a>
</html>
Right.html
<html>
Designed by Department of CSE. OUTPUT:
</html> Welcome to Vignan lara.
MainFrame.html
</head>
<frameset rows=“30% , *"> CSE Designed by Department of CSE
<frame src=“top.html”> IT
EEE
<frameset cols=“25% , *">
ECE
<frame src=“Left.html”>
<frame src=“Right.html”>
</frameset>
</frameset>
</head>

You might also like