Scribd
Upload
44 views4 pages

Priyankar (Pgm5)

The document describes how to insert frames and iframes into web pages. It defines the <frameset> tag and its attributes like rows, scrolling, and noresize for creating horizontal and vertical frames. It also describes the <iframe> tag and its attributes like src, width, and height. The document includes an example program that creates a main page with top, left, content, and bottom frames as well as an iframe. It defines the HTML for each individual page to demonstrate how to link pages within frames.

Uploaded by

Priyankar Paul
Copyright
© Attribution Non-Commercial (BY-NC)
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
44 views4 pages

Priyankar (Pgm5)

The document describes how to insert frames and iframes into web pages. It defines the <frameset> tag and its attributes like rows, scrolling, and noresize for creating horizontal and vertical frames. It also describes the <iframe> tag and its attributes like src, width, and height. The document includes an example program that creates a main page with top, left, content, and bottom frames as well as an iframe. It defines the HTML for each individual page to demonstrate how to link pages within frames.

Uploaded by

Priyankar Paul
Copyright
© Attribution Non-Commercial (BY-NC)
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 4

Priyankar Paul 1

29SCS124

Ex. No: 5
19/01/2011 FRAMES

Aim:
To insert vertical frames, horizontal frames and iframes in web pages.

Description:
FRAMES

The frames can be inserted in a webpage using the <frameset> tag. The following are the
attributes for this tag.

 Rows specifies the width of the horizontal frame.

 Scrolling specifies whether scrolling is enabled within that frame.

 Noresize mentions whether the frame could be resized.

 src is used to specify the page that has to be associated with a particular frame.

 <noframes> are used to specify the actions that are to be performed if the browser
doesn’t support frameset.

 <iframe> is used to insert an inline frame. It has the following attributes.

 ‘src’ attribute is used to specify the source page that has to be


associated with the frame.

 Width is used to specify the width of the frame.

 Height is used to specify the height of the frame.


Priyankar Paul 2
29SCS124

Program:

Main page (index.htm)

<html>
<head><title>Frames</title></head>
<frameset rows="64,*,64">
<frame name="top" scrolling="no" noresize target="contents" src="page_1.htm">
<frameset cols="150,*">
<frame name="contents" target="main" src="page_2.htm">
<frame name="main" src="page_3.htm">
</frameset>
<frame name="bottom" scrolling="no" noresize target="contents" src="page_4.htm">
<noframes>
<body>
<p>This page uses frames, but your browser doesn't support them.</p>
</body>
</noframes>
</frameset>
</html>

page_1.htm

<html>
<title>Page 1</title>
<body>
<p align="center">
<font size="7">www.priyankarpaul.110mb.com</font> </p>
</body>
</html>

page_2.htm

<html>
<head>
<title>Page 2</title>
</head>
<body>
<p>Home</p>
<p>News</p>
<p>Contacts</p>
<p>More stuffs</p>
<p>Suggestions</p>
</body>
</html>
Priyankar Paul 3
29SCS124

page_3.htm

<html>
<head>
<title>Page 3</title>
</head>
<iframe src="page_5.htm" width="100%" width="200" height="300">
<p>Your browser does not support iframes.</p>
</iframe>
</html>

page_4.htm

<html>
<head>
<title>Page 4</title>
<base target="contents">
</head>
<body>
<p align="center"><a
href="http://www.google.co.in">Google</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a href="http://www.yahoo.com">Yahoo</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a href="http://www.wikipedia.org">Wikipedia</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a href="http://www.facebook.com">Facebook</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a href="http://www.gmail.com">Gmail</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a href="http://www.hotmail.com">Hotmail</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a href="http://www.orkut.com">Orkut</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a href="http://www.espncricinfo.com">Cricket</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
</p>
</body>
</html>

page_5.htm

<html>
<body>
<p align="center"><font size="7" color="#FF0000">HELLO!!</font></p>
<p align="center"><font size="7" color="#FF0000">WELCOME EVERYONE</font></p>
</body>
</html>
Priyankar Paul 4
29SCS124

Output:

Result:

Thus the HTML program to insert vertical frames, horizontal frames and iframes in web
pages was successfully executed and its output was verified.

You might also like