HTML and CSS Reference
In-Depth Information
To keep the page examples relatively easy, I've given them all the same basic appear-
ance. This means that the code for all of these pages is pretty much the same. The only
items that change from page to page are the following:
The title of the page
n
The description of my current mood
n
The text that describes what each image means
n
To create the first of the six pages that will appear in the main frame, type the following
code into a new page and save it as
reason1.html
:
Input
▼
<!DOCTYPE html>
<html>
17
<head>
<title>
Reason 1 - Forgot My Lunch
</title>
<style type=”text/css” media=”screen”>
body {
background-color: #ffffff;
font: 200% bold;
text-align: center;
}
</style>
</head>
<body>
<p>
I forgot my lunch at home.
</p>
</body>
</html>
Figure 17.14 shows what this page should look like in a browser.
.
Output
FIGURE 17.14
The first of the six
pages that appear
in the main frame.
