html frames

HTML FRAMESHTML FRAMES

Hafiz Muhammad Arslan Elahi03325172005

BY

Quiz

• Write a code for the following output– Table border “1”, background color “#c9c9c9”– Font color “blue”, cell spacing “”2px”

A B C D E F G

A B C D

A B C D E

A B C D E

A

A B C D E

Definition

• Frame is a container window that can display a web page

• Many web pages can display

• Break the page into different sections– Title– Navigational – Contents– Footer

Advantages

• Keep one part static and change other parts

• Multiple pages in the same browser

• Reduce load on the server– All pages not reloaded

Disadvantages

• Difficult to print the content of all frames as compared to a normal web page

• Most browsers do no allow to bookmark an individual frame page.

Tags

<frameset>

•Define the style and no. of frames

•Nested <frameset> also allowedAttributes Description

Rows Pixel, %age, * indicate remaining space

Cols As above

Border Width of border

Framespacing Space b/w the frames

Tags contd…

<frame>

•Nested in frameset tagAttributes Description

SRC Page displayed in the frame

Marginheight Space to be left at the top and left side of frame

Marginwidth Space to be left along the sides of frames

Name Name of frame

Noresize Frame un-sizeable

Scrolling Yes, no , autoVertical , horizontal scrollbars

Border Width of frames

Tags contd….

• Target Frame

Value Description

_parent Page loaded containing the current frame

_top Load into the whole browser window

_blank New browser window

_self Loaded in the same windowDefault target

Example

<frameset rows="20%, 70%,*">

<frame src="header.html" name="header">

<FRAMESET COLS="25%,*">

<FRAME SRC="NAVIGATION.HTML" NAME="NAVIGATION">

<frame src="content.html" name="content">

</FRAMESET>

<FRAME SRC="FOOTER.HTML" NAME="footer">

</frameset>

““frame.html”frame.html”

Example

<html>

<body>

 

<a href="content.html" target="content"> Content1</a>

<a href="content2.html" target="content"> Content2</a>




</body>

</html>

““header.html”header.html”

Example

<html>

<body>

<a href="content.html" target="content"> Home</a> 

<a href="content2.html" target="content"> Services</a> 

<a href="content3.html" target="content"> Contact Us</a> 

<a href="content4.html" target="content"> About Us</a> 

<a href="content5.html" target="content"> FeedBack</a> 

</body>

</html>

““navigation.html”navigation.html”

Output

html frames

Education