The CSS Code

Open a NEW Notepad file and write: (File -> New)

body {
   font-family:tahoma;
}

h1 {
   color:red;
   font-size:120%;
}

p {
   color:blue;
}


Save this as second_example_style.css on your desktop.

HTML Code - Page 1

Open a NEW Notepad file and write: (File -> New)

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

   <title>Second CSS Example</title>

   <link type="text/css" rel="stylesheet" href="second_example_style.css">

</head>

<body>

   <h1>This is a title styled using CSS! - Page 1</h1>

   <p>As you can see, CSS is very powerful!</p>

   <a href="second_example_page2.html">second_example_page2.html</a>

</body>
</html>


Save this as second_example_page1.html on your desktop.

HTML Code - Page 2

Open a NEW Notepad file and write: (File -> New)

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

   <title>Second CSS Example</title>

   <link type="text/css" rel="stylesheet" href="second_example_style.css">

</head>

<body>

   <h1>This is a title styled using CSS! - Page 2</h1>

   <p>You will end up using it all the time!</p>

   <a href="second_example_page1.html">second_example_page1.html</a>

</body>
</html>


Save this as second_example_page2.html on your desktop and double click on it.