=========================================================================
<html>
<!-- The head will contain the link to your external CSS file --!>
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css" />
<title>Hello!</title>
</head>
<body>
<h1>CSS example!</h1>
<h2>Three ways to insert CSS</h2>
<h3>We have:</h3>
<ol>
<li>External - The CSS code is outside the HTML (linked)</li>
<li>Internal - The CSS code is inside the HTML (still linked from the inside)</li>
<li>Inline - The CSS code is written together with the HTML code</li>
</ol>
<p>This HTML file uses the External CSS code. The CSS file has the filename "samplestyle.css"</p>
<p> As you can see, as you have specified in the css file, the link to:
<a href="http://www.google.com"> Google </a> changes the actual color and it's hovered color.</p>
<!-- Please make sure you understand this code before proceeding to CSS --!>
</body>
</html>
Afterwards, copy this CSS File (no copy paste this time, click to enlarge image)
