/*a normal, unvisited link*/
a:link{
color: green;
}
/*a link the user has visited*/
a:visited{
color: purple;
}
/*a link when the user mouses over it*/
a:hover{
color: yellow;
}
/*a link the moment it is clicked*/
a:active{
color: brown;
}
<!-- this is a link tag -->
<link rel="" href="">
<!-- href is the location of your external ressource
list of rel used with a link tag (popular) :
- stylesheet (css)
- alternate
- author
- external
- incon
- index
-->
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css"
href="mystyle.css">
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
</html>