校园网建设计划

最新推荐文章于 2022-12-24 11:56:41 发布

Ultimo2023

最新推荐文章于 2022-12-24 11:56:41 发布

阅读量528

点赞数 2

分类专栏：前端文章标签： javascript css html html5

本文链接：https://blog.youkuaiyun.com/qq_50459047/article/details/109428624

版权

前端专栏收录该内容

2 篇文章

订阅专栏

校园网建设计划

引言
暑假因为网安的学习接触到了HTML，于是在开学军训期间，便着手制作了一个网站。由于开学学习的内容没有涉及到这前端，所以这个计划也就被我先搁置了。但由于今天上午创客要我们在树莓派上建一个网页，我也就把这个有点“陈旧”的东西给搬了出来。

下面展示一下 他的代码。

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
<style>
#header{
    margin-top: 50px;
    margin-right: 50px;
    text-align: center;
}
#header a{
    font-size: 50px;
    color: black;
    font-weight: bold;
    padding-left: 18px;
}
<meta name="description" content="属东大秦校悉院第一个汇集类网页的后继更新版，加入功能‘工学管空位’">
</style>
<bgsound src="东北大学校歌.mid" loop="-1">
</head>
<body background="学院标识-全称竖版-中文.jpg">
    <div id="header">
        <a href="https://www.neuq.edu.cn/wzdh/xxxw.htm">新闻</a>
        <a href="https://www.neuq.edu.cn/xxgk1/xyfj.htm">地图</a>
         <a href="https://www.baidu.com/">百度</a>
        <a href="https://adworld.xctf.org.cn/">攻防世界</a>
        <a href="https://www.youkuaiyun.com/">优快云博客</a>
        <a href="http://neuq.fanya.chaoxing.com/portal">东北大学网络教育平台</a>
        <a href="http://dev.mylwx.cn:9999/cxm/emptyroom">工学馆空位</a>
        <a href="http://jwxt.neuq.edu.cn/jwglxt/xtgl/login_slogin.html?language=zh_CN&_t=1603807503056">本科信息服务平台 </a>
        <a href="http://jwxt.neuq.edu.cn/jwglxt/xtgl/login_slogin.html">此处可以抢课</a><br>
    </div>
<br>
<br>
<br>
<marquee height=20 width=1300  ><font color=red>欢迎来到东北大学悉尼智能科技学院
</font></marquee>
<marquee color=blue>版本调整：(1)取消'更多'功能选项    (2)美化界面    (3)增加滚播通告    (4)新增功能‘工学馆每日空位    (5)新增背景音乐 (6)新增本科信息服务平台</marquee>
</body>
</html>

这个呢是我把一些常用的网页往上组合的。这个是上面应用了的图片
那个音乐就是东北大学校歌这儿就不传了。
（这个嘻嘻应该是悉尼学院写出来的最早的专属网站了吧）
由于我只是粗浅的了解了一下HTML HTML5 CSS Javascript所以做出来的东西有些简陋，但在系统学习完这些知识以后我会将这个属于SSTCer的网页给做好。