Printed from TeacherJohn.com • http://www.teacherjohn.com/cabrillo/dm60a/exercises/ex02template.php

Template for Exercise 2

To make it easier to do exercise 2, I've provided the following code below in the yellow box. You can use this code as the basis for your Web page. Of course, you will need to change the red text to be your own information. After you do so, your page should look something like this sample page below.

Sample raw code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="content-type" content="text/html; charset=UTF-8">

<title>
Place Your Title Here
</title>

</head>

<body>

<h1>
Place Your Main Header Here
</h1>

<h2>
Place Your Secondary Header Here
</h2>

<p>
Place your paragraph content here.
Blah blah blah blah ...
</p>

<h2>
Place Your Secondary Header Here
</h2>

<p>
Place your paragraph content here.
Blah blah blah blah ...
</p>

<p>
The text editor I used to create this page is Place the name of your text editor here.
</p>

<div>
<a href="http://validator.w3.org/check/referer"
style="background-color: transparent">
<img style="border-style:none" width="88" height="31"
src="http://www.w3.org/Icons/valid-html401" alt="Valid HTML 4.01"></a>
&nbsp;&nbsp;
<a href="http://jigsaw.w3.org/css-validator/check/referer"
style="background-color: transparent">
<img style="border-style:none" width="88" height="31"
src="http://jigsaw.w3.org/css-validator/images/vcss" alt="Valid CSS!"></a>
</div>

</body>

</html>

This is what the Web page that uses the above code will look like:

Place Your Main Header Here

Place Your Secondary Header Here

Place your paragraph content here.
Blah blah blah blah ...

Place Your Secondary Header Here

Place your paragraph content here.
Blah blah blah blah ...

The text editor I used to create this page is Blah.

Valid HTML 4.01    Valid CSS!