第二次作业

最新推荐文章于 2025-10-18 15:27:46 发布
原创 最新推荐文章于 2025-10-18 15:27:46 发布 · 232 阅读 · 0 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
GEO检测

作业一：完成ollama的官网

代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
   <style>
    body{
        
        height: 800px;
    }
    .a{
       
        height: 10%;
        width: 95%;
        margin: auto;
        margin-bottom: 5px;
    }
    .b{
        
        height: 600px;
        width: 900px;
        margin: auto;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .c{
       
        height: 10%;
        width: 94%;
        margin: auto;
    }
    .a1{

        float: left;
        /* text-align:center */
    }
    .a2{
        height: 100%;
        width: 300px;
        
        float: left;
    }
    .a22{
        height: 100%;
        width: 20px;
         float: left;
         margin-right: 100px;
         margin-top: 30px;
    }
    .a33{
        height: 100%;
        width: 20px;
        float: left;
        margin-right: 100px;
        margin-top: 30px;
    }
    .a44{
        height: 100%;
        width: 20px;
        float: left;
        margin-top: 30px;
    }
    .a3{
        height: 100%;
        width: 1000px;
        
        float: left;
    }
    .a55{
        border-radius: 9999px;
        height: 100%;
        width: 600px;
        margin: auto;
        margin-left: 100px;
       
    }
    .a4{
        height: 100%;
        width: 200px;
        
        float: left;
    }
    .a66{
        float: left;
        height: 100%;
        width: 50px;
        float: left;
        border: 1px solid red;
border-radius: 9999px;
    }
    .a77{
height: 100%;
width: 50px;
float: left;
border: 1px solid red;
border-radius: 9999px;
margin-left: 10px;
    }
    .b1{
        height: 50px;
        width: 50px;
        margin: auto;
    }
    .b2{
        height: 30%;
        font-size: 40px;
       
        
         margin-top: 80px;
    }
  .b3{
    height: 30%;
    font-size: 30px;
    margin-top: 1px;
  }
  .b4{
    border: 1px solid red;
    border-radius: 9999px;
    height: 40px;
    width: 100px;
    margin: auto;
    background-color: black;
    color: aliceblue;
  }
  .c1{
    height: 100%;
    width: 700px;
    margin-left: 1100px;
  }
  
   </style>
</head>
<body>
    <div class="a">
        <div class="a1">
            <img src="./屏幕截图 2025-02-26 222043.png" alt="">
            
        </div>
        <div class="a2">
           <div class="a22">Discord</div>
           <div class="a33">GitHub</div>
           <div class="a44">Models</div>
        </div>
        <div class="a3">
            <input type="text" class="a55" placeholder="搜索框">
        </div>
        <div class="a4">
            <div class="a66">Signin</div>
           <div class="a77">Download</div> 
            
        </div>
    </div>
    <div class="b">
        <div class="b1">
            <img src="./屏幕截图 2025-02-26 234656.png" alt="">
        </div>
        <div class="b2">Get up and running with large language models.</div>
        <div class="b3">Run Llama 3.3, DeepSeek-R1, Phi-4, Mistral, Gemma 2, and other models, locally.</div>
      <div class="b4">Download</div>
    </div>
    <div class="c">
        <div class="c1"> Blog
        Docs
        GitHub
        Discord
        X (Twitter)
        Meetups
        Download
    </div>
       </div>
</body>
</html>

运行截图：

作业2：完成学校官网;

代码；

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
   <style>
    body{
        height: 750px;
        background-color: rgb(15, 15, 221)
    }
    .a{
        height: 750px;
        width: 50%;
        float: left;
        
    }
    .b{
        height: 750px;
        width: 50%;
      
       float: left;
    }
    .a1{
        height: 100px;
        width: 200px;
        font-family: 华文行楷;
        font-size: 80px; 
        float: left;
        color: aliceblue;
        margin-top: 50px;
        margin-left: 150px;
        
    }
    .a2{
        font-family: 华文行楷;
        height: 50px;
        width: 400px;
        font-size: 30px;
       margin-left: 300px;
      margin-top: 50px;
      color: aliceblue;
        
    }
    .a3{
        height: 30px;
        width: 300px;
        margin: auto;
        color: aliceblue;
        font-size: 25px;
        margin-top: 80px;
        margin-left: 150px;
    }
    .a4{
        height: 30px;
        width: 300px;
        margin: auto;
        margin-top: 40px;
        font-size: 25px;
        margin-left: 150px;
        color: aliceblue;
    }
    .a5{
        font-size: 20px;
        margin-left: 150px;
        color: aliceblue;
        margin-top: 200px;
        color: aliceblue;
    }
    .a6{
        font-size: 20px;
        margin-left: 150px;
        color: aliceblue;
        color: aliceblue;
    }
    .a7{
        font-size: 20px;
        margin-left: 150px;
        color: aliceblue;
    }
    .a8{
        margin-left: 150px;

    }
    .b1{
        margin: auto;
        margin-top: 200px;
        margin-left: 450px;
    }
    .b2{
        width: 200px;
        border: 1px solid white;
        border-radius: 9999px;
        margin-left: 400px;
        color: aliceblue;
        margin-top: 30px;
    }
    .b3{
        width: 200px;
        border: 1px solid white;
        border-radius: 9999px;
        margin-left: 400px;
        color: aliceblue;
    }
.b4{
    margin-left: 470px;
    color: aqua;
    margin-top: 30px;
    color: aliceblue;
}
.b5{
    margin-left: 350px;
    font-size: 10px;
    float: left;
    width: 100px;
    color: aliceblue;
}
.b6{
    font-size: 10px;
    width: 100px;
    margin-left: 100px;
    float: left;
    color: aliceblue;
}
   </style>
</head>
<body>
    <div class="a">
        <div class="a1">协同</div>
        <div class="a2">|办公系统</div>
        <div class="a3">数字化管理系统</div>
        <div class="a4">A8+协同管理平台</div>
        <div class="a5"> M3移动端IP地址</div>
        <div class="a6"> 111.231.210.188</div>
        <div class="a7"> 端口号:443</div>
        <div class="a8"> 
            <img src="./屏幕截图 2025-02-27 085438.png" alt="">
        </div>
    </div>
    <div class="b">
        <div class="b1">
            <img src="./屏幕截图 2025-02-27 085658.png" alt="">
        </div>
        <div class="b2">
            <input type="" placeholder="账号">
            
        </div>
        <div class="b3"><input type="text" placeholder="密码"></div>
        <div class="b4">登录</div>
        <div class="b5"> 找回密码 辅助程序</div>
        <div class="b6"> 中文</div>
    </div>
</body>
</html>

运行截图：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
   body{
    height: 790px;
    width: 1700px;
   
   }
    .a{
        height: 20%;
        background-color: rgb(43, 43, 162);
    }
    .b{
        height: 40%;
    }
    .c{
        height: 40%;
        background-color: rgb(42, 42, 126);
    }
    .a1{
        margin-left: 80px;
       
    }
    .a2{
        width: 15%;
        height: 100%;
        float: left;
        margin-left: 80px;
    }
    .a3{
        width: 15%;
        height: 100%;
        float: left;
        margin-left: 80px;
    }
    .a4{
        width: 15%;
        height: 100%;
        float: left;
        margin-left: 80px;
    }
    .a5{
        width: 15%;
        height: 100%;
        float: left;
        margin-left: 80px;
    }
    .b1{
        width: 20%;
        height: 80%;
        margin-left: 80px;
        float: left;
        background-color:rgb(247, 238, 238);
    }
    .b2{
        width: 20%;
        height: 80%;
        margin-left: 80px;
        float: left;
        background-color:rgb(247, 238, 238);
    }
    
    .b3{
        width: 20%;
        height: 80%;
        margin-left: 80px;
        float: left;
        background-color:rgb(247, 238, 238);
    }
    
    .b4{
        width: 20%;
        height: 80%;
        margin-left: 80px;
       float: left;
       background-color:rgb(247, 238, 238);
    }
    
    .b11{
        font-size: 20px;   
        margin-left: 20px;
        color: gray;
        margin-top: 20px;
     }
     .b12{
       
        margin-left: 20px;
        color: gray;
     }
     .b13{
       
        margin-left: 20px;
       margin-top: 20px;
     }
     .b14{
          
        margin-left: 20px;
        color: gray;
        margin-top: 20px;
     }
     .b21{
        font-size: 20px;   
        margin-left: 20px;
        color: gray;
        margin-top: 20px;
     }
     .b22{
       
        margin-left: 20px;
        color: gray;
     }
     .b23{
       
        margin-left: 20px;
       margin-top: 20px;
     }
     .b24{
          
        margin-left: 20px;
        color: gray;
        margin-top: 20px;
     }
     .c1{
         width: 60%;
         height: 100%;
         float: left;
         margin-left: 200px;
         margin-top: 50px;
     }
     .c2{
        width: 100px;
        height: 300px;
       font-size: 12px;
       float: left;
     }
    </style>
</head>
<body>
    <div class="a">
        <div class="a1">
            <img src="./屏幕截图 2025-02-27 144001.png" alt="">
        </div>
        <div class="a2">首页</div>
        <div class="a3">部门介绍</div>
        <div class="a4">规章制度</div>
        <div class="a5">安全知识</div>
        <div class="a6">服务指南</div>
       
    </div>
    <div class="b">
        <div class="b1">
            <div class="b11">30</div>
            <div class="b12">2024.09</div>
            <div class="b13">关于国庆期间加强登革热防控的温馨提示</div>
            <div class="b14">详情></div>
        </div>
        <div class="b2">
            <div class="b21">25</div>
            <div class="b22">2024.09</div>
            <div class="b23">举国同庆 盛世华诞</div>
            <div class="b24">详情</div>
        </div>
        <div class="b3">
            <div class="b33">18</div>
            <div class="b34">2024.09</div>
            <div class="b35">关于在学校开展爱国卫生运动</div>
            <div class="b36">详情</div>
        </div>
        <div class="b4">
            <div class="b44">15</div>
            <div class="b45">2024.09</div>
            <div class="b46">关于积极参加爱国卫生运动</div>
            <div class="b47">详情</div>
        </div>
        
        
    </div>
    <div class="c">
        <div class="c1">
            <img src="./屏幕截图 2025-02-27 150835.png" alt="">
        </div>
        <div class="c2">
            联系方式
            地址:广东省广州市从化区江埔街锦洞路168号
            邮编:510900
           电话:020-87979913 
           传真:020-87979913 
         投诉咨询方式:020-87979913
           邮箱:zjxybgs@scauzj.edu.cn
            招生电话:
            020-87983820;
             020-87979603;
             02087975122;
             020-37983879;
             020-87976783
        </div>
        
    </div>
</body>
</html>

运行截图：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
   <style>
    body{
        width: 1700px;
        height: 790px;
        background-color: rgb(42, 42, 126);
    }
    .a{
        height: 40px;
        margin-left: 80px;
    }
    .b{
        width: 1700px;
        height: 40px;
        background-color: rgb(42, 42, 126);
        margin-top: 40px;
    }
    .c{
        height: 450px;
        background-color: aliceblue;
    }
    .d{
        height: 150px;
    }
    .b1{
        color: aliceblue;
        margin-left: 80px;
        float: left;
        width: 18%;
    }
    .b2{
        color: aliceblue;
        width: 18%;
        float: left;
    }
    .b3{
     color: aliceblue;
     width: 18%;
        float: left;
    }
    .b4{
        color: aliceblue;
        width: 18%;
        float: left;
    }
    .b5{
        color: aliceblue;
        width: 18%;
       float: left;
    }
    .c1{
        width: 500px;
        margin-left: 80px;
        margin-top: 30px;
        float: left;
    }
    .c2{
        width: 600px;
        float: left;
        margin-left: 200px;
    }
    .c11{
        color: blue;
        height: 40px;
        margin-top: 20px;
    }
    .c12{
        margin-top: 20px;
        height: 30px;
    }
    .c13{
        margin-top: 20px;
        height: 30px;
    }
    .c14{
        margin-top: 20px;
        height: 30px;
    }
    .c15{
        margin-top: 20px;
        height: 30px;
    }
    .c16{
        margin-top: 20px;
        height: 30px;
    }
    .c17{
        margin-top: 20px;
        height: 30px;
    }
    .d1{
        width: 700px;
        margin-left: 190px;
        float: left;
    }
    .d2{
        width: 300px;
        float: left;
        color: aliceblue;
    }
   </style>
</head>
<body>
    <div class="a">
        <img src="./屏幕截图 2025-02-27 152033.png" alt="">
    </div>
    <div class="b">
        <div class="b1">首页</div>
        <div class="b2">数字化招标采购平台</div>
        <div class="b3">最新动态</div>
        <div class="b4">友情链接</div>
        <div class="b5">联系我们</div>
    </div>
    <div class="c">
        <div class="c1">
            <img src="./屏幕截图 2025-02-27 153237.png" alt="">
        </div>
        <div class="c2">
            <div class="c11">最新动态</div>
            <div class="c12">华南农业大学珠江学院2024年度校内空调.. 2024-03-18
            </div>
            <div class="c13">
                华南农业大学珠江学院从化校区防火门改造项. 2024-03-18
               </div>
            <div class="c14">
               
华南农业大学珠江学院8号楼、11号楼空调..2024-03-1
            </div>
            <div class="c15">
               
华南农业大学珠江学院各部门2024年1月.2024-03-07
            </div>
            <div class="c16">
                华南农业大学珠江学院2024年物资采购项..2024-03-07
                
               </div>
            <div class="c17">
                华南农业大学珠江学院礼堂影剧院设备采购项.2024-03-06
                
                </div>
            
        </div>
    </div>
    <div class="d">
        <div class="d1">
            <img src="./屏幕截图 2025-02-27 154434.png" alt="">
        </div>
        <div class="d2">
            <div class="d11">联系方式</div>
            <div class="d12">地址:广东省广州市从化区江埔街锦洞路168号</div>
        </div>
    </div>
</body>
</html>

运行截图：

标签
#javascript #前端 #html
zdhsnn
关注
快衰落、慢衰落，平坦衰落、频率选择性衰落
热门推荐
weixin_45662974的博客
03-31 3万+
目录一、大尺度衰落和小尺度衰落二、平坦衰落和频率选择性衰落1.反射墙、固定天线模型2.相干带宽和时延扩展三、快衰落和慢衰落1.反射墙、运动天线模型2.相干时间和多普勒扩展四、联系总结 提示：这里可以添加本文要记录的大概内容： 例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。 提示：以下是本篇文章正文内容，下面案例可供参考 一、大尺度衰落和小尺度衰落 移动无线信道的主要特征是信道强度关于时间和频率的变化，大致分两种： 大尺度衰落： .
海康工业相机使用教程
qq_43251445的博客
03-07 2万+
海康工业相机连接电脑教程
第二次作业总结
weixin_30278311的博客
02-10 109
第二次作业地址及要求：https://edu.cnblogs.com/campus/hljkj/Cprogramming_2018Autumn_CST2018_3/homework/2503 千帆竞发图 得分情况 学号 要求一(5分) 要求二(45分) 要求三(10分) 要求四（10分） 总分(70分) 博客地址 3962 5 34 4 6 49 博客 3963 5 40 10...
python第二次作业
XRJ040618xrj的博客
09-16 307
python第二次作业。
作业第二次
2301_81801852的博客
10-24 304
数据库第二次作业
2301_82172664的博客
01-19 161
第二次。
HCIA第二次作业
Fcz2006的博客
03-29 126
RHCSA第二次作业
m0_71864767的博客
07-19 96
wu
html第二次作业
2401_89412813的博客
09-13 422
【代码】html第二次作业。
sql第二次作业
最新发布
wuyj3416967665的博客
10-18 860
mysql> insert into t_worker values (102,1004,'2016-10-10',5500,'群众','赵小军','1994-9-5');mysql> insert into t_worker values (101,1002,'2019-2-6',5200,'团员','李明博','1997-2-8');mysql> insert into t_worker values (103,1006,'2019-5-5',5500,'党员','孙菲菲','1996-9-2');
java web第二次作业
Mark943949516的博客
03-17 253
2020年3月17日 Java web第二次作业，去做测试题
12春《日语听力（二）》第二次作业
谁的青春不奋斗
12-20 933
作业名称：12春《日语听力（二）》第二次作业客观题预算成绩：100 分注意：客观题是指单选题、多选题、是非题等能自动判分的题！ 详细信息： 题号:1 题型:单选题（请在以下几个选项中选择唯一正确答案） 本题分数:8.33 内容: 第二次作业问题4 A、体の具合が悪いからです。 B、 遅くまで仕事をしているからです。 C、 お酒を飲みすぎるからです。 D、 夜、子どもに起こされるから
Python第二次作业
2401_89439125的博客
05-28 377
1.用户输入一个数字2.系统产生一个随机数(0-100)3.进行判断，如果猜大了/猜小了，则提示,直到猜对为止4.如果猜对了，结束程序5.统计所猜次数2.- 使用while判断一个数是否为质数（素数）质数又称素数。一个大于1的自然数，除了1和它自身外，不能被其他自然数整除的数叫做质数。最小的质数是2，它也是唯一的偶数质数。最前面的质数依次排列为：2，3，5，7，11等3.小明身高1.75，体重80.5kg。
医院超声影像系统
护士端能够较全面的帮助护士给来医院的病人进行登记，排队，挂号，以及将病人信息存入到医院系统中；医生端方便医生对病人的图像信息进行诊断，分析
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值