Scribd
Upload
9 views2 pages

Frames

The document outlines a nested frameset layout for a web page, consisting of a header, menu, and content sections. The header is styled in light blue, the menu in light green with links to the header and content, and the main content area is in light grey featuring a hyperlink. This structure allows for organized content display within a single webpage interface.

Uploaded by

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

Frames

The document outlines a nested frameset layout for a web page, consisting of a header, menu, and content sections. The header is styled in light blue, the menu in light green with links to the header and content, and the main content area is in light grey featuring a hyperlink. This structure allows for organized content display within a single webpage interface.

Uploaded by

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

frameset.

html (Main File – Controls Page Layout)


<!DOCTYPE html>
<html>
<head>
<title>Nested Frameset Example</title>
</head>
<frameset rows="25%,*">
<frame src="header.html" name="headerFrame">
<frameset cols="30%,70%">
<frame src="menu.html" name="menuFrame">
<frame src="content.html" name="contentFrame">
</frameset>
</frameset>
</html>

header.html (Header Section – Light Blue)


html
Copy
Edit
<!DOCTYPE html>
<html>
<head>
<title>Header</title>
</head>
<body style="background-color: lightblue; text-align: center; margin: 0;">
<h1>Header Section</h1>
<p>Welcome to the top frame!</p>
</body>
</html>

menu.html (Menu Section – Light Green + Links)


html
Copy
Edit
<!DOCTYPE html>
<html>
<head>
<title>Menu</title>
</head>
<body style="background-color: lightgreen;">
<h3>Menu Section</h3>
<ul>
<li><a href="content.html" target="contentFrame">Content</a></li>
<li><a href="header.html" target="headerFrame">Header</a></li>
</ul>
</body>
</html>

content.html (Main Content – Light Grey + Hyperlink)


html
Copy
Edit
<!DOCTYPE html>
<html>
<head>
<title>Content</title>
</head>
<body style="background-color: lightgrey; padding: 20px; margin: 0;">
<h1>Main Content Area</h1>
<p>This is the content frame where the main information will be displayed.</p>
<p><a href="https://example.com" target="_blank">Visit Example.com</a></p>
</body>
</html>

You might also like