HTML Basic Hyperlinks

Example of styling a hyperlink

A:link The hyperlink is pre-state.

a:visited Post-click status of Hyperlinks

a:hover when hovering over a hyperlink

a:active When you click the hyperlink

When you define these states, there is a sequence L v H a

<! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">

<meta http-equiv= "Content-type" content= "text/html; Charset=utf-8 "/>
<title> Untitled Document </title>
<style type= "Text/css" >
A:link
{
Color: #000;
Text-decoration:none;}
a:visited
{
Color: #000;
Text-decoration:none;}
A:hover
{
Color: #F00;
Text-decoration:underline;}
A:active
{
Color: #F90;
Text-decoration:underline;}
</style>
<link href= "Untitled-1.css" rel= "stylesheet" type= "Text/css"/>

<body>
<a href= "http://www.baidu.com/" > Baidu </a>
</body>

HTML Basic Hyperlinks