The CSS Code
Open a NEW Notepad file and write: (File -> New)
h1 {
color:red;
}
Save this as 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>First CSS Example</title>
<link type="text/css" rel="stylesheet" href="style.css">
</head>
<body>
<h1>This is a title styled using CSS! - Page 1</h1>
<a href="page2.html">Page2.html</a>
</body>
</html>
Save this as 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>First CSS Example</title>
<link type="text/css" rel="stylesheet" href="style.css">
</head>
<body>
<h1>This is a title styled using CSS! - Page 2</h1>
<a href="page1.html">Page1.html</a>
</body>
</html>
Save this as page2.html on your desktop and double click on it.