前言

今天用HTML写了一个网址导航，源代码如下：

<html>

<head>

    <title>网址导航</title>

</head>

<meta charset="utf-8">

<body bgcolor="#F0E68C">

<form>

  <fieldset>

    <legend></legend>

  </fieldset>

</form>

<center>

    <legend><font size="6" color="green">网址导航</font>

    <br>

</center>

<form>

  <fieldset>

    <legend>英语学习</legend>

<nav>

    <font size="3">

        <a href="http://www.ftchinese.com/channel/ce.html">FT中文网 双语阅读</a>   |

        <a href="http://www.ftchinese.com/channel/speedread.html">FT中文网 FT英语速读</a>  |

        <a href="http://www.ftchinese.com/channel/ev.html">FT中文网 原声视频</a>   |

        <a href="http://www.ftchinese.com/channel/radio.html">FT中文网 FT英语电台</a>  |

        <a href="http://www.npr.org/">美国国家公共广播电台</a>    |

        <a href="http://edition.cnn.com/">美国有线电视新闻网CNN</a>  |

        <a href="http://www.bbc.com/news">BBC新闻</a> |

        <a href="https://www.ted.com/">TED</a>  |

        <a href="http://www.iciba.com/">金山词霸</a>    |

        <a href="http://fanyi.baidu.com/">百度翻译</a>  |

        <a href="http://fanyi.youdao.com/">有道翻译</a> |

        <a href="https://translate.google.cn/">Google翻译</a> |

        <a href="http://dict.cn/">海词词典</a>  |

    </font>

</nav>

  </fieldset>

</form>

    <br>

<form>

  <fieldset>

    <legend>计算机资源镜像站</legend>

<nav>

    <font size="3">

        <a href="http://mirrors.aliyun.com/">阿里云开源镜像站</a>   |

        <a href="http://mirrors.163.com/">网易开源镜像站</a>   |

        <a href="http://mirrors.ustc.edu.cn/">中国科学技术大学开源镜像站</a> |

        <a href="https://mirrors.tuna.tsinghua.edu.cn/">清华大学开源软件镜像站</a> |

        <a href="http://ftp.sjtu.edu.cn/">上海交通大学开源镜像站</a>   |

        <a href="http://mirrors.zju.edu.cn/">浙江大学开源镜像站</a>  |

        <a href="http://mirror.neu.edu.cn/">东北大学开源镜像站</a>   |

        <a href="http://www.debian.org/mirror/list">Debian全球镜像站</a> |

    </font>

</nav>

  </fieldset>

</form>

    <br>

<form>

  <fieldset>

    <legend>Linux</legend>

<nav>

    <font size="3">

        <a href="https://www.linux.org/">Linux</a>

        <a href="https://www.kali.org/">Kali Linux</a>  |

        <a href="http://www.kali.org.cn/">Kali Linux中文网</a> |

        <a href="https://www.ubuntu.com/index_kylin">Ubuntu Linux</a>   |

        <a href="https://www.centos.org/">CentOS Linux</a>  |

        <a href="https://access.redhat.com/">RedHat Linux</a>   |

        <a href="http://www.chinaunix.net/">ChinaUnix</a>   |

        <a href="http://www.linuxidc.com/">Linux公社</a>  |

        <a href="http://linux.vbird.org/">鸟哥的Linux私房菜</a>   |

        <a href="https://linux.cn/">Linux中国开源社区</a> |

        <a href="http://www.linuxdiyf.com/">红联Linux</a> |

        <a href="http://www.linuxeden.com/">Linuxeden开源社区</a>   |

        <a href="https://www.linuxfoundation.org/">The Linux Foundation</a> |

    </font>

</nav>

  </fieldset>

</form>

    <br>

<form>

  <fieldset>

    <legend>计算机程序设计</legend>

<nav>

    <font size="3">

        <a href="https://www.python.org/">Python</a>    |

        <a href="http://www.oracle.com/technetwork/java/javase/downloads/index.html">Java SE</a>    |

        <a href="http://www.runoob.com/">RUNOOB</a> |

        <a href="http://www.w3school.com.cn/">W3school</a>  |

        <a href="https://www.eclipse.org/">Eclipse</a>  |

    </font>

</nav>

  </fieldset>

</form>

    <br>

<form>

  <fieldset>

    <legend>资料查询</legend>

<nav>

    <font size="3">

        <a href="https://www.wikipedia.org/">维基百科</a>   |

        <a href="https://www.baidu.com/">百度</a> |

        <a href="https://www.bing.com/?intlF=">Bing</a> |

        <a href="https://www.zhihu.com/">知乎</a> |

        <a href="https://www.quora.com/">Quora</a>  |

        <a href="https://stackoverflow.com/">StackOverflow</a>  |

        <a href="http://www.chongbuluo.com/">虫部落</a>    |

    </font>

</nav>

  </fieldset>

</form>

    <br>

<form>

  <fieldset>

    <legend>技术参考</legend>

<nav>

    <font size="3">

        <a href="http://www.williamlong.info/">月光博客</a> |

        <a href="http://www.freebuf.com/">FreeBuf</a>   |

        <a href="http://www.iplaysoft.com/">异次元软件</a>   |

        <a href="https://bbs.pediy.com/">看雪安全论坛</a> |

        <a href="https://www.2cto.com/">红黑联盟</a>    |

        <a href="http://bobao.360.cn/index/index">安全客</a>   |

        <a href="https://technet.microsoft.com/en-us/">Microsoft TechNet</a>    |

    </font>

</nav>

  </fieldset>

</form>

    <br>

<form>

  <fieldset>

    <legend>代码维护</legend>

<nav>

    <font size="3">

        <a href="https://github.com/">GitHub</a>    |

        <a href="https://www.openshift.com/">OpenShift</a>  |

        <a href="https://about.gitlab.com/">GitLab</a>  |

        <a href="https://gitee.com/">码云</a> |

    </font>

</nav>

  </fieldset>

</form>

    <br>

<form>

  <fieldset>

    <legend>站长工具</legend>

<nav>

    <font size="3">

        <a href="http://zhanzhang.baidu.com/">百度站长平台</a>    |

        <a href="http://tool.chinaz.com/">站长之家 站长工具</a> |

        <a href="https://thepaperwall.com/">The Paper Wall</a>  |

    </font>

</nav>

  </fieldset>

</form>

    <br>

<form>

  <fieldset>

    <legend>放松一下</legend>

<nav>

    <font size="3">

        <a href="https://daily.zhihu.com/">知乎日报</a> |

        <a href="http://jandan.net/">煎蛋</a> |

        <a href="http://www.guokr.com/">果壳</a>  |

        <a href="http://songshuhui.net/">科学松鼠会</a>  |

        <a href="http://www.sfw.com.cn/">科幻世界</a>   |

        <a href="https://what-if.xkcd.com/">What If</a> |

        <a href="https://www.bilibili.com/">哔哩哔哩</a>    |

    </font>

</nav>

  </fieldset>

</form>

    <br>

<form>

  <fieldset>

    <legend></legend>

  </fieldset>

</form>

</body>

</html>

end

更多内容请访问我的个人网站荒原之梦

HTML学习之制作导航网页的更多相关文章

  1. Bootstrap 我的学习记录3 导航条理解

    以下理论内容copy自Bootstrap中文网 (一个不错的bootstrap学习网站) 导航条 默认样式的导航条 导航条是在您的应用或网站中作为导航页头的响应式基础组件.它们在移动设备上可以折叠(并 ...

  2. C/S模式开发中如何利用WebBrowser控件制作导航窗体

    原文:C/S模式开发中如何利用WebBrowser控件制作导航窗体 转自: CSDN 相信不少同学们都做过MIS系统的开发,今天这里不讨论B/S模式开发的问题.来谈谈winform开发.用过市面上常见 ...

  3. 用Github pages搭建自己制作的网页，方法最简单，适用于新手

    本文固定链接http://blog.csdn.net/pspgbhu/article/details/51205264 本人自学前端一个多月,写个几个网页想要用来应聘,网上搜各种搭建网站的方法,发现不 ...

  4. 【CSS3】---练习制作导航菜单

    练习题 根据所学知识,使用CSS3实现下图的导航菜单效果 任务 1.制作导航圆角 提示:使用border-radius实现圆角 2.制作导航立体风格 提示:使用box-shadow实现立体风格 3.制 ...

  5. css3制作导航栏

    <!doctype html><html lang="en"><head>    <meta charset="UTF-8&qu ...

  6. C3制作导航栏分割线及立体风格

    //首先写一个导航栏样式 .nav{    width:560px;    height: 50px;    font:bold 0/50px Arial;    text-align:center; ...

  7. 学习笔记︱Nvidia DIGITS网页版深度学习框架——深度学习版SPSS

    DIGITS: Deep Learning GPU Training System1,是由英伟达(NVIDIA)公司开发的第一个交互式深度学习GPU训练系统.目的在于整合现有的Deep Learnin ...

  8. 【转载】ASP.NET MVC重写URL制作伪静态网页，URL地址以.html结尾

    在搜索引擎优化领域,静态网页对于SEO的优化有着很大的好处,因此很多人就想把自己的网站的一些网页做成伪静态.我们现在在网络上发现很多博客网站.论坛网站.CMS内容管理系统等都有使用伪静态这一种情况,伪 ...

  9. 用Github pages搭建自己制作的网页

    本文固定链接http://blog.csdn.net/pspgbhu/article/details/51205264 本人自学前端一个多月,写个几个网页想要用来应聘,网上搜各种搭建站点的方法.发现不 ...

随机推荐

  1. Linux中find的使用（转）

    本文转自:迷途花开 另一值得参考的是吴秦先生的博文linux中强大且常用命令:find.grep. find命令用于查找文件和目录,任何位于参数之前的字符串都将被视为欲查找的目录. find 可以指定 ...

  2. ZeroC Ice IceBox使用

    IceBox介绍 IceBox就像一个Tomcat,我们只要写N个Ice服务代码,用一个装配文件定义需要加载的服务列表.服务器的启动参数.启动次序等必要信息,然后启动IceBox,我们的应用系统就能够 ...

  3. Android源代码目录组成介绍-android学习之旅（97）

    android的主要源代码组成如下: Kernel:Android Linux 内核2.6 bionic:Android 标准C运行支持库 bootloader:内核加载器参考 build:Andro ...

  4. Mina源码阅读笔记（七）—Mina的拦截器FilterChain

    Filter我们很熟悉,在Mina中,filter chain的用法也类似于Servlet的filters,这种拦截器的设计思想能够狠轻松的帮助我们实现对资源的统一处理.我们先大致连接下mina中的f ...

  5. 白瑜庆：知乎基于Kubernetes的kafka平台的设计和实现

    欢迎大家前往腾讯云+社区,获取更多腾讯海量技术实践干货哦~ 本文首发在云+社区,未经许可,不得转载. 自我介绍 我是知乎的技术中台工程师,现在是负责知乎的存储相关组件.我的分享主要基于三个,一个是简单 ...

  6. 跨JavaScript对象作用域调用setInterval方法

    跨JavaScript对象作用域调用setInterval方法: var id = window.setInterval(function() {foofunc.call(this);}, 200);

  7. 简单了解JS中的几种遍历

    忙了好一段时间,项目上线后终于有那么一点点空档期静下来整理一些问题了.当我们在开发项目的时候,用到遍历的地方肯定少不了,那么我们有那么多的遍历方法,在不同情况下用那种方法会更优雅而且还没bug呢? 首 ...

  8. 40款非常棒的 jQuery 插件和制作教程（系列一）

    jQuery 在现在的 Web 开发项目中扮演着重要角色,jQuery 让网站有更好的可用性和用户体验,让访问者对网站留下非常好的印象.jQuery以其插件众多.独特.轻量以及支持大规模的网站开发闻名 ...

  9. java四大特性理解（封装继承多态抽象）

    封装: 封装是把过程和数据包围起来,对数据的访问只能通过已定义的接口.面向对象计算始于这个基本概念,即现实世界可以被描绘成一系列完全自治.封装的对象,这些对象通过一个受保护的接口访问其他对象.封装是一 ...

  10. 【.Net架构】BIM软件架构03：Web管控平台MVC架构

    一.前言        上一篇讲述的是将BIM平台后台架构CoreService.sln,该解决方案主要作用是对管控平台的核心业务进行封装,然后让前端的ApiController去调用该解决方案中的对 ...