HTML and CSS Reference
In-Depth Information
Start with the page displayed in the top frame. This page will always appear in the
frameset. Here you can include any information you want to display permanently as visi-
tors browse through your site. Real-world examples for the content of this frame include
the name of your website, a site logo, a link to your email address, or other similar con-
tent. Type in the following code and save it to your hard drive as
away.html
:
<!DOCTYPE html>
<html>
<head>
<title>
I'm Away from My Desk Because
</title>
<style type=”text/css” media=”screen”>
body { background-color: #cc6600; color: #ffcc33; }
</style>
</head>
<body>
<h3>
I'm Away from My Desk, because ...
</h3>
</body>
</html>
17
Figure 17.12 shows this page.
FIGURE 17.12
The top frame in
the frameset.
Next, you'll create the left frame in the frameset. On real websites, this is typically the
frame used for text or image navigation links that take your visitors to several different
key pages on your site. For example, a personal site might have a navigation bar that
takes its visitors to a home page, a guest book, a links page, and other sections of inter-
est. A corporate or business site could contain links for products, customer support, fre-
quently asked questions, employment opportunities, and so on.
The contents page in the following example works exactly the same way that a real-
world navigation bar does. When the appropriate link is selected, it displays one of the
six pages in the main frame of the frameset. The contents page contains links to six
pages,
reason1.html
through
reason6.html
, which you'll create next.
After you enter the following code into a new page, save it to your hard drive in the same
directory as the first page and name it
choice.html
:
