1、新建一个txt格式的文本文件
2、将文件的后缀名改成html
3、用editplus打开文件
4、将如下代码写入文件结果如下图所示
<!DOCTYPE HTML>
<html>
<head >
<title>isky导航</title>
</head>
<body bgcolor="#878787">
<div align="center" valign="middle">
<h1><b>isky导航</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">百度主页</a><br/>
<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>
5、在标题下方加入如下代码实现链接下方下划线取消
<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参数表示超链接的文字有下划线
希望大家可以修改相关进行尝试！
