1、新建一个txt格式的文本文件
2、将文件的后缀名改成html
3、用editplus打开文件
4、将如下代码写入文件结果如下图所示<!DOCTYPE HTML><html><head ><tit造婷用痃le>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:vis足毂忍珩ited {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参数表示超链接的文字有下划线希望大家可以修改相关进行尝试！
