14课作业

1.代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .pg-head{
            background:#dddddd;
            height:38px;
        }
    </style>
</head>
<body style="margin:0 auto">
    <div class="pg-head">
        <div style="width:1000px;margin:0 auto">
            <div style="float:left;line-height:38px;width:10%">收藏本站</div>
            <div style="float:right;line-height:38px;width:90%">
                <div style="float:right;">注册 登录</div>
            </div>
        <div style="clear:both;"></div>
        </div>
    </div>
    <div style="background:blank;height:90px;width:1400px">
        <div style="width:200px;line-height:38px;float:left;border:1px;">
            <img src="2.png" style="float:right"/>
        </div>

        <div style="width:500px;line-height:38px;float:left;border:1px;height:90px;">
            <div style="line-height:38px;float:right;border:1px;">
                <input type="text"/>
                <input type="button" value="搜索"/>
            </div>

        </div>

        <div style="width:400px;line-height:38px;float:left;border:1px;height:90px;">
            <div style="line-height:38px;float:right;border:1px;">
                <div style="background:#dddddd">购物车2件</div>
            </div>
        </div>

    </div>

    <div  style="background:#C71585;height:40px;width:1400px">
        <div style="width:200px;line-height:38px;float:left;border:1px;">
            <div style="float:right">全部商品分类</div>
        </div>

        <div style="width:600px;line-height:38px;float:left;border:1px;">
            <div style="float:right">
                首页&nbsp&nbsp&nbsp&nbsp
                网上超市&nbsp&nbsp&nbsp&nbsp
                水果超市&nbsp&nbsp&nbsp&nbsp
                超级订餐&nbsp&nbsp&nbsp&nbsp
                生活娱乐&nbsp&nbsp&nbsp&nbsp
                研究院&nbsp&nbsp&nbsp&nbsp
            </div>
        </div>
    </div>

    <div  style="border:1px solid green;height:400px;width:1400px">
        <div style="border:1px solid red;height:400px;width:300px;float:left;"></div>
        <div style="border:1px solid red;height:400px;width:800px;float:left;">
            <div style="border:1px solid red;height:200px;width:250px;float:left;">
                <img src="3.png" style="float:left;height:190px;width:250px;"/>
            </div>
            <div style="border:1px solid red;height:200px;width:250px;float:left;">
                <img src="3.png" style="float:left;height:190px;width:250px;"/>
            </div>
            <div style="border:1px solid red;height:200px;width:250px;float:left;">
                <img src="3.png" style="float:left;height:190px;width:250px;"/>
            </div>
            <div style="border:1px solid red;height:200px;width:250px;float:left;">
                <img src="3.png" style="float:left;height:190px;width:250px;"/>
            </div>
            <div style="border:1px solid red;height:200px;width:250px;float:left;">
                <img src="3.png" style="float:left;height:190px;width:250px;"/>
            </div>
            <div style="border:1px solid red;height:200px;width:250px;float:left;">
                <img src="3.png" style="float:left;height:190px;width:250px;"/>
            </div>

        </div>

    </div>
</body>
</html>

运行结果：

老师的图片：

时间： 2024-12-15 21:03:15

14课作业的相关文章

数据结构课作业系列

数据结构课作业-----顺序表 1 /**************************** 2 3 程序名称:简单电话号码查询系统 V.0.1 4 主要功能:简单联系人录入,查找,排序..... 5 主要结构:静态数组类链表 6 7 **************************/ 8 9 #include <cstdio> 10 #include <cstring> 11 #include <iostream> 12 #include <algorit

基于案例SQL优化第九课作业分享

默认统计信息收集: 1. 11g默认启动了统计信息收集的任务,默认运行时间是周一到周五晚上10点和周6,周天的早上6点 2. 你也可以关闭自动统计新收集任务,选择手工收集的方式,但是一般不建议这样操作. 动态统计信息: 1. 统计信息默认情况下是每天晚上10点半后收集,如果新建对象还没来得级收集统计信息,就采用动态采样的方式. 2. 具体在set autotrace 跟踪的执行计划中,可以看到类似:- dynamic sampling used for this statement (level

Spark3000门徒第14课spark RDD解密总结

今晚听了王家林老师的第14课spark RDD解密,课堂笔记如下: Spark是基于工作集的应用抽象,RDD:Resillient Distributed Dataset是基于工作集的,spark可以对结果重用. 位置感知:spark比hadoop更精致. RDD是lazy的,是分布式函数式编程的抽象,RDD可以看做一个只读的List或者Array.产生的中间结果怎么办? 不能让他立即计算,采用Lazy级别,只对数据处理做标记.所以RDD操作是有向的,链式的,所以Stage有1000个步骤,不

3月14日作业

2016年3月14日作业: 一.项目管理一般知识第四章:项目管理一般知识1.核心知识域有哪些.保障域有哪些?伴随域有哪些?过程域有哪些? 答:核心知识域包括:整体管理.范围管理.进度管理.成本管理.质量管理和信息安全管理: 保障域包括:人力资源管理.合同管理.采购管理.风险管理.信息(文档)与配置管理.知识产权管理.法律法规标准规范和职业道德规范. 伴随域包括:变更管理.沟通管理: 过程域包括:科研与立项.启动.计划.实施.监控和收尾等.监控过程可发生在项目生命周期的任一阶段.2.有效的项目管

2016年3月14日作业项目管理一般知识立项管理

2016年3月14日作业项目管理一般知识立项管理第四章:项目管理一般知识1.核心知识域有哪些.保障域有哪些?伴随域有哪些?过程域有哪些?(P140) 答:核心知识域包括:整体管理.范围管理.进度管理.成本管理.质量管理和信息安全管理. 保障域包括:人力资源管理.合同管理.采购管理.风险管理.信息(文档)与配置管理.知识产权管理.法律法规标准规范和职业道德规范. 伴随域包括变更管理.沟通管理. 过程域包括科研与立项.启动.计划.实施.监控和收尾等,而其中的监控过程则可能发生在项目生命周期的

IT帮《Scrum实战》第0次课作业

<Scrum实战>第0次课作业课程名称:如何学习敏捷 1组孟帅孟帅: http://www.cnblogs.com/mengshuai1982/p/7096338.html 2组善任 3组糖-影 4组 [email protected] 甄双伟 http://blog.sina.com.cn/s/blog_c2aba0e60102xbi3.html 李潘 http://www.cnblogs.com/wing011203/p/7095404.html 5组俊达吴俊达: http:

手动脱FSG壳实战--吾爱破解培训第一课作业3

作者:Fly2015 对于FSG壳,之前没有接触过是第一次接触,这次拿来脱壳的程序仍然是吾爱破解论坛破解培训的作业3的程序.对于这个壳折腾了一会儿,后来还是被搞定了. 1.查壳首先对该程序(吾爱破解培训第一课作业三.exe)进行查壳: 很遗憾,这次DIE也不行了,不过没事. 2.脱壳 OD载入该加壳的程序进行分析,下面是入口点的汇编代码: 起初对于该种加壳程序也是比较陌生,但是由于OD使用的还算熟悉,以及结合该加壳程序获取函数的API调用地址的特点,很快发现了该程序的关键点汇编: 于是在地址0

手动脱UPX 壳实战--吾爱破解培训第一课作业1

作者:Fly2015 Windows平台的加壳软件还是比较多的,因此有很多人对于PC软件的脱壳乐此不彼,本人菜鸟一枚,也学习一下PC的脱壳.要对软件进行脱壳,首先第一步就是查壳,然后才是脱壳. 推荐比较好的查壳软件: PE Detective .Exeinfo PE.DIE工具. 需要脱壳的程序是吾爱破解论坛的windows逆向破解培训http://www.52pojie.cn/thread-378612-1-1.html第一课的作业题1. 1.对该程序(吾爱破解培训第一课作业一.exe)进

Week14《Java程序设计》第14次作业总结

Week14<Java程序设计>第14次作业总结 1. 本周学习总结 1.1 以你喜欢的方式(思维导图或其他)归纳总结与数据库相关内容. 2. 使用数据库技术改造你的系统 2.1 简述如何使用数据库技术改造你的系统.要建立什么表?截图你的表设计. 答:建立用户表,图书馆的图书表. 2.2 系统中使用到了JDBC中什么关键类? 答:使用到PreparedStatement,Connection,ResultSet,Statement. 2.3 截图数据库相关模块的关键代码.关键行需要加注释. 3