这里简单地介绍一下制作一个简易导航网站的主要方法。在这之前要说一下为什么要自己制作导航网站，现在网络上有许多各种各样的导航网站，但是网络上的导航网站大多商业化比较明显，比如说网页上各种各样的广告、新闻，更有甚者还有弹窗式的广告，就我个人而言，我是接受不了这种的，我需要的只是一个简单实用的导航网站而已，而不是各种铺天盖地的广告与新闻。
闲话少叙，进入正题。首先什么是导航网站，其实就是一个页面而已，只不过这个页面上有各种你所需要的网站链接的快捷方式。
搭建网页框架代码语言：javascript复制
添加内容框架搭建好之后就可以往里添加内容了，这里我们用的是H5来编写这个页面，要用到的几个主要的基础标签有
先说
代码语言：javascript复制
网 站 导 航
接下来说一说
代码语言：javascript复制
技术 · 参考 · 素材
掘金
segmentfault
CSDN
开源中国
脚本之家
UI中国
iconfont
编程 · 教程
W3school
Bootstrap3
Bootstrap4
慕课网
传智播客
菜鸟教程
知名博客
廖雪峰
张鑫旭
娱乐
优酷网
知乎
AcFun
bilibili
内涵社区
购物
京东商城
淘宝网
天猫商城
当当网
添加上内容的代码之后，网页是这样的：
美化界面
很显然，上面不是我们要的效果，所以我们要给它简单美化一下，这里就用到了CSS，代码如下：
代码语言：javascript复制美化后的页面如下所示：
这样基本符合我们的需求了。还有一个
标签，这里这样写就可以：
代码语言：javascript复制
Website Navigation By FLY
对了，如果想要使用网页中的“百度一下”，可以加上如下一段js代码：
代码语言：javascript复制