1、如图所示，我们新建一个记事本，并将记事本的名字改为“网页中伪类选择器的使用（8）.html”，并回车键确定，以使文件转化为浏览器可以打开的html网页文件。
3、如图所示，我们编写一个html5的声明标签— <!DOCTYPE html>, 以使浏览器能认识到我们的文档是一个html5的文件，这样就可以快速的正确解读，以提高浏览的体验。再写一个<html>的标签用以包含网页的主体。
5、如图所示，我们用<head>标签包含html文档的主体部分，里面再写上<a>标签用来写入一个百度的链接，特别声明百度是我们访问过的链接哦！（一般访问过的链接都默认显示为紫色。）我们接下来就设置自己喜欢的颜色哦！
7、如图所示，我们写一个<style>标签用来包含css样式的设置，并声明其为css类型。
9、如图所示，我们再写一个a:visited｛｝，这表示设置访问过的链接的状态，我们设置其访问过后的链接的文字颜色为红色（visited中文意思就是参观过的意思哦！）。
11、如图所示，我们再写一个a:active{},这表示鼠标按住链接时的一种状态，我们设置鼠标按住链接时，链接文字的颜色显示为黑色（active中文意思为活动的意思）。
13、如图所示，我们看到访问过的链接为我们设置的红色，而没有访问过的链接为我们设置的绿色。
15、如图所示，我们当我们鼠标按住链接时，我们看到链接的文字为黑色（也是上面由于截图的原因大家没有看到鼠标指针哦！）。
16、如图所示，下面是这个html5的源码，复制保存在记事本中，改文件名txt为html，即可快速浏览网页哦！<!--声明文档是一个html5的文档--><!DOCTYPE html><!--用<html>标签包含网页的主体--><html> <!--用<head>标签包含html5文档的头部--> <head> <!--用<title>标签包含网页的标题--> <title>网页中伪类选择器的使用（8）</title> <!--设置网页的编码方式为UTF-8--> <meta charset="utf-8"> <!--用<style>标签设置网页中的样式，并且声明其类型为css类型--> <style type="text/css"> /* 正常链接的状态设置，就是没有访问过的链接状态设置*/ a:link{ /*设置正常或者没有访问过的链接为绿色———green*/ color: green; } /* 访问过链接的状态设置，就是访问过的链接状态设置*/ a:visited{ /*设置访问过的链接为红色———red*/ color:red; } /*可以设置鼠标划过的时候的状态*/ a:hover{ /*设置鼠标划过链接时的颜色为蓝色———blue*/ color:blue; } /*可以设置鼠标按住时的状态*/ a:active{ /*设置鼠标按住的链接颜色为黑色———black*/ color:black; } </style> </head> <!--<body>标签用来包含html5文档的主体部分--> <body> <!--这是一个访问过的超链接--> <a href="http://www.baidu.com">我是被访问过的超链接</a> <!--<br>标签可以换行--> <br /> <!--这是一个没有访问过的超链接--> <a href="http://www.hao123hui.com">我是没有被访问过的超链接</a> </body></html>
