HTML学习之制作导航网页

前言

今天用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
更多内容请访问我的个人网站荒原之梦

转载于:https://www.cnblogs.com/wildernessdreams/p/9053819.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值