Exercise2 Example -- Source Code
HTML Page -- index.htm
<!DOCTYPE html>
<!-- Exercise 2 Example
Source code file: styles.css
Solution for Exercise 2
of Jan 4 Review Quiz -->
<html lang="en">
<head>
<title>Exercise 2 -- Page 1</title>
<meta charset="utf-8">
<link rel="stylesheet" href="styles.css">
</head>
<body>
<h2>Page 1 for Exercise 2</h2>
<p>Display in
<span class="tf">typewriter font</span>.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing
elit, sed do eiusmod tempor incididunt ut labore et
dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi ut aliquip
ex ea commodo consequat. Duis aute irure dolor in
reprehenderit in voluptate velit esse cillum dolore
eu fugiat nulla pariatur. Excepteur sint occaecat
cupidatat non proident, sunt in culpa qui officia
deserunt mollit anim id est laborum.</p>
<table>
<tr> <th>Digit</th>
<th>English</th> <th>German</th></tr>
<tr> <td>1</td>
<td>One</td> <td>Eins</td> </tr>
<tr> <td>2</td>
<td>Two</td> <td>Zwei</td></tr>
<tr> <td>3</td>
<td>Three</td> <td>Drei</td></tr>
</table>
<ol>
<li>One</li>
<li>Two</li>
<li>Three</li>
</ol>
<p><a href="page2.htm">Hello, how are you?</a></p>
<h2>Bernise Mountain Dog Puppy</h2>
<p><img src="images/puppy.jpg"></p>
</body>
</html>
HTML Page -- page2.htm
<!DOCTYPE html>
<!-- Exercise 2 Example
Source code file: styles.css
Solution for Exercise 2
of Jan 4 Review Quiz -->
<html lang="en">
<head>
<title>Exercise 2 -- Page 2</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<h2>Page 2 for Exercise 2</h2>
<p>I am fine, thank you.
<a href="index.htm">And you?</a></p>
</body>
</html>
CSS Page -- styles.css
/* Exercise 2 Example
Source code file: styles.css
Solution for Exercise 2
of Jan 4 Review Quiz */
body { background-color: #e0e0e0;
color: #000060;
font-family: Verdana, Arial, sans-serif; }