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

Template for Exercise 2 (HTML 5)

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 bold 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>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Place Your Title Here</title>
</head>
<body>
<h1>Place Your Main Headline Here</h1>
<h2>Place Your Secondary Headline Here</h2>
<p>Place your paragraph content here. Blah blah blah blah ...</p>
<h2>Place Your Secondary Headline Here</h2>
<p>Place your paragraph content here. Blah blah blah blah ...</p>
<h3>Place Your Tertiary Headline Here</h3>
<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?uri=referer">Valid HTML 5</a>
&nbsp;&nbsp;
<a href="http://jigsaw.w3.org/css-validator/check/referer">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 ...

Place Your Tertiary Header Here

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