前言

今天用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. Android WebKit 内核

    一.WebKit简介 WebKit是一个开源的浏览器网页排版引擎,包含WebCore排版引擎和JSCore引擎.WebCore和JSCore引擎来自于KDE项目的KHTML和KJS开源项目.Andro ...

  2. 集群增量会话管理器——DeltaManager

    DeltaManager会话管理器是tomcat默认的集群会话管理器,它主要用于集群中各个节点之间会话状态的同步维护,由于相关内容涉及到集群,可能会需要一些集群通信相关知识,如果有疑问可结合集群相关章 ...

  3. RTMPdump（libRTMP） 源代码分析 5： 建立一个流媒体连接 （NetConnection部分）

    ===================================================== RTMPdump(libRTMP) 源代码分析系列文章: RTMPdump 源代码分析 1: ...

  4. Hadoop RPC

    hadoop rpc机制 && 将avro引入hadoop rpc机制初探 1 RPC RPC(Remote Procedure Call)--远程过程调用,它是一种通过网络从远程计算 ...

  5. 【38】java的集合框架（容器框架）

    Collection接口 Collection是最基本的集合接口,一个Collection代表一组Object,即Collection的元素(Elements).一些 Collection允许相同的元 ...

  6. 摄像头ov2685中关于sensor id 设置的相关的寄存器地址

    OV2685 : CHIP_ID address : 0x300A    default : 0x26 address : 0x300B    default : 0x85 address : 0x3 ...

  7. leetCode之旅（14）-Number of 1 Bits

    题目描述: Write a function that takes an unsigned integer and returns the number of '1' bits it has (als ...

  8. The 11th tip of DB Query Analyzer

          The 11th tip of DB Query Analyzer                                            MA Gen feng       ...

  9. WebService学习--(二)webservice相关介绍

    一.WebService是什么? 1. 基于Web的服务:服务器端整出一些资源让客户端应用访问(获取数据) 2. 一个跨语言.跨平台的规范(抽象) 3. 多个跨平台.跨语言的应用间通信整合的方案(实际 ...

  10. JVM学习--(一)基本原理

    前言 JVM一直是java知识里面进阶阶段的重要部分,如果希望在java领域研究的更深入,则JVM则是如论如何也避开不了的话题,本系列试图通过简洁易读的方式,讲解JVM必要的知识点. 运行流程 我们都 ...