新建一个txt格式的文本文件

将文件的后缀名改成html

用editplus打开文件

将如下代码写入文件结果如下图所示

!DOCTYPE HTML

html

head

titleisky导航/title

/head

body bgcolor="#878787"

div align="center" valign="middle"

h1bisky导航/b/h1

a href="http://www.w3school.com.cn" target="_blank"W3School/a

a href="http://www.jc88.net/Article/wyzz/1395.html" target="_blank"视频教程网html5教程/a

a href="http://www.html5cn.org" target="_blank"html5中国/a

a href="http://www.dywt.com.cn" target="_blank"易语言官网/a

a href="http://www.baidu.com" target="_blank"百度主页/abr/

a href="http://music.baidu.com" target="_blank"百度音乐/a

a href="http://www.html5china.com" target="_blank"html5china/a

a href="http://music.so.com" target="_blank"360音乐/a

a href="http://www.youku.com" target="_blank"优酷/a

a href="http://www.tjuci.edu.cn" target="_blank"天津城建大学/a

a href="http://jwc.tcu.edu.cn" target="_blank"天津城建大学教务处/a

a href="http://fm.baidu.com/" target="_blank"百度音乐随心听/a

a href="http://www.iplaysoft.com" target="_blank"异次元软件分享/a

/body

在标题下方加入如下代码实现链接下方下划线取消

style

a:link {text-decoration: none;color:red;}

a:visited {color:green；text-decoration:none;}

a:hover {color:blue;text-decoration:underline;}

a:active {color:orange;text-decoration:blink;}

/style

a:link 指正常的未被访问过的链接；a:active 指正在点的链接；a:hover 指鼠标在链接上；a:visited 指已经访问过的链接；text-decoration是文字修饰效果的意思；none参数表示超链接文字不显示下划线；underline参数表示超链接的文字有下划线

希望大家可以修改相关进行尝试！