ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

HTML期末作业-我的大学宿舍

2021-06-15 21:58:31  阅读:157  来源: 互联网

标签:大家 礼仪之邦 邹城 韩山 xxx 大学 宿舍 HTML 期末


  HTML期末作业-我的大学寝室,5个页面HTML+css+JavaScript,有视频注册登录页面!

部分网页源代码


<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="css/index.css">
    <title>我的大学寝室</title>
</head>

<body>
    <nav>
        <ul>
            <li>我的大学寝室</li>
            <li> </li>
            <li> <a href="index.html">首页</a></li>
            <li> <a href="life.html">我的寝室</a></li>
            <li> <a href="wlife.html">大学生活</a></li>
            <li> <a href="res.html">注册</a></li>
            <li> <a href="login.html">登录</a> </li>
        </ul>
    </nav>
    <header min-width>
        <div id="benner">
            <div class="img">
                <img src="img/nav_grjs.jpg" class="imga active">
                <img src="img/nav_kysh.jpg" class="imga">
                <img src="img/nav_lyb.jpg" class="imga">
                <img src="img/nav_xsh.jpg" class="imga">
                <img src="img/nav_xx.jpg" class="imga">
            </div>
            <ul class="title">
                <li class="nr active"></li>
                <li class="nr"></li>
                <li class="nr"></li>
                <li class="nr"></li>
                <li class="nr"></li>
            </ul>
        </div>
    </header>
    <div class="content min-width">
        <div class="a-left">

            <img src="img/me.jpg" alt="">
        </div>
        <div class="a-right">
            <h3>自我介绍</h3>
            <p>

                大家好:

                我的名字叫***,来自天府之国成都,很高兴能和大家成为同学,共度美好的大学生活。

                爱笑,爱简单,爱热闹,爱听音乐,也爱交朋友,爱自由自在,爱hold不住的兴奋,也爱无厘头的搞笑,爱安安静静的自得其乐,这就是我。不管你欣赏不欣赏,我依然在自己的人生道路上跌跌撞撞而又不失姿态的走下去。

                我的历史没有光彩夺目的修饰,只有脚踏实地的证明自己的艰辛与坚定。高中时期做过团支书,知道团支书的不易与担当;也做过学习委员,不是想象中的闲职,是必须为大家的学习负责;:获得

                过“三好学生”,才懂得成功不是随随便便,轻而易举的眼高手低,而是实实在在,不懈努力的眼低手高;获得过“优秀班干”,终于尝到”在其位,谋其政”的甜头。

                过去了就让它过去吧,毕竟这已成为历史,现在我能做的就是一在 大学生新的征途中抓住机遇,展现自己,与大家一起同享大学带来的surprises。

                进入大学意味着无限的机会,一个征服新的领域的机会。我想在大学充实自己的生活,培养自己的能力,“见贤思齐焉”, 不断拔高自己。 舞台这么大,我会很很努力地去拼搏,去奋斗。博-下,才不悔我大学的一路走来。

                在大学里,我想把最给力的自己展现给大家,与大家伙儿-起day day up(天天向上)!



            </p>
        </div>
    </div>
    <div class="content sheyou min-width">
    <h3>我的舍友</h3>
       
        <ul class="sy">
            <li>
               <img src="./img/11.jpg" alt="">
               <div class="msg">
                   <h4>姓名:张三</h4>
                   <p>我叫xxx,来自济宁邹城。孔子和孟子都出生在我们家乡。所以,我们那里又被称为孔孟之乡,礼仪之邦。我这个人小毛病很多,想必大家有所听说。有做的不对的地方,还请大家告诉我一声,我会改正。</p>
               </div>
            </li>
            <li>
                <img src="./img/11.jpg" alt="">
                <div class="msg">
                    <h4>姓名:张三</h4>
                    <p>我叫xxx,来自济宁邹城。孔子和孟子都出生在我们家乡。所以,我们那里又被称为孔孟之乡,礼仪之邦。我这个人小毛病很多,想必大家有所听说。有做的不对的地方,还请大家告诉我一声,我会改正。</p>
                </div>
             </li>
             <li>
                <img src="./img/11.jpg" alt="">
                <div class="msg">
                    <h4>姓名:张三</h4>
                    <p>我叫xxx,来自济宁邹城。孔子和孟子都出生在我们家乡。所以,我们那里又被称为孔孟之乡,礼仪之邦。我这个人小毛病很多,想必大家有所听说。有做的不对的地方,还请大家告诉我一声,我会改正。</p>
                </div>
             </li>
             <li>
                <img src="./img/11.jpg" alt="">
                <div class="msg">
                    <h4>姓名:张三</h4>
                    <p>我叫xxx,来自济宁邹城。孔子和孟子都出生在我们家乡。所以,我们那里又被称为孔孟之乡,礼仪之邦。我这个人小毛病很多,想必大家有所听说。有做的不对的地方,还请大家告诉我一声,我会改正。</p>
                </div>
             </li>
             <li>
                <img src="./img/11.jpg" alt="">
                <div class="msg">
                    <h4>姓名:张三</h4>
                    <p>我叫xxx,来自济宁邹城。孔子和孟子都出生在我们家乡。所以,我们那里又被称为孔孟之乡,礼仪之邦。我这个人小毛病很多,想必大家有所听说。有做的不对的地方,还请大家告诉我一声,我会改正。</p>
                </div>
             </li>
             <li>
                <img src="./img/11.jpg" alt="">
                <div class="msg">
                    <h4>姓名:张三</h4>
                    <p>我叫xxx,来自济宁邹城。孔子和孟子都出生在我们家乡。所以,我们那里又被称为孔孟之乡,礼仪之邦。我这个人小毛病很多,想必大家有所听说。有做的不对的地方,还请大家告诉我一声,我会改正。</p>
                </div>
             </li>
        </ul>
    </div>
    <div class="wddx min-width">
        <div class="b-left">

            <h3>我的大学</h3>
            <p>
                **大学是一所历史悠久、特色鲜明的广东省属本科师范院校,位于享有“中国瓷都”美誉的国家历史文化名城潮州市。校园占地面积97.6万平方米,建筑面积46.8万平方米。

                学校创立于清光绪廿九年(1903年)的“惠潮嘉师范学堂”,前身可追溯到建于宋元祐五年(1090年)的韩山书院,是我国第一批、广东第一所专门培养师资的学校,1921年更名为省立第二师范学校,1935年更名为省立韩山师范学校,1949年更名为韩山师范学校,1958年升格为韩山师范专科学校,1993年升格为韩山师范学院,2008年在教育部本科教学工作水平评估中获得优秀等级。

                学校在一百多年的办学历史中,形成了“勤教力学,为人师表”的校训,凸显“扎根粤东,传承潮汕文化,培养服务地方经济社会发展的高素质基础教育师资和应用型人才”的办学特色,为广东及周边省份输送了大批优秀教师及其他各类人才,涌现了一批杰出人物,如中山大学第一任校长邹鲁、著名哲学家陈唯实、国际摄影大师陈复礼、旅港爱国实业家陈伟南、马来西亚实业家林进华、泰国实业家陈汉士、台湾地区著名书法教育家陈其铨等,为地方教育事业和经济社会发展做出了重要贡献。




                (资料数据截止2019年11月)

            </p>
        </div>
        <div class="b-right">
            <img src="img/xy.jpg" alt="">
        </div>


    </div>
    <footer>
        <p>
            © 2021 **大学——计算机与信息工程学院 —姓名:***—学号:20210001001
        </p>
    </footer>
    <script src="js/lunbotu.js"></script>
</body>

</html>

部分网页源代码 

 

 

标签:大家,礼仪之邦,邹城,韩山,xxx,大学,宿舍,HTML,期末
来源: https://blog.csdn.net/qq_41101110/article/details/117933986

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有