Scribd
Upload
8 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
8 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

pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy