精华内容
下载资源
问答
  • html期末大作业

    2013-12-18 09:56:36
    html期末大作业,可以供选修了html网页的课的同学应付老师……
  • HTML期末大作业

    热门讨论 2012-11-24 20:47:17
    这是我自己做的HTML期末大作业,花了很多时间,稍加修改就可以作为自己的作业了,而且也可以作为学习参考
  • 这是我自己做的HTML期末大作业html+css+div二十个页面以上,花了很多时间,不用修改就可以作为自己的作业,也可以作为学习参考html静态网页,里面包含两个html+css+div的代码原件
  • html作业电商网页
  • 【实例简介】这是我自己做的HTML期末大作业html+css+div二十个页面以上,花了很多时间,不用修改就可以作为自己的作业,也可以作为学习参考html静态网页,里面包含两个html+css+div的代码原件【实例截图】【核心代码...

    【实例简介】

    这是我自己做的HTML期末大作业html+css+div二十个页面以上,花了很多时间,不用修改就可以作为自己的作业,也可以作为学习参考html静态网页,里面包含两个html+css+div的代码原件

    【实例截图】

    【核心代码】

    ef254f10-2e62-4be1-be26-500b3e890e4f

    └── test4

    ├── 1111.html

    ├── alasijia.html

    ├── chaiquan.html

    ├── css

    │   ├── gougoutijian.css

    │   ├── login.css

    │   └── style.css

    ├── dingdanzhongxin.html

    ├── gougoutijian.html

    ├── gouwuche.html

    ├── image

    │   ├── 5c_80.png

    │   ├── abc.bmp

    │   ├── advice_bg.jpg

    │   ├── alasijia.jpg

    │   ├── banner2.jpg

    │   ├── banner.jpg

    │   ├── bc.bmp

    │   ├── bcc.bmp

    │   ├── beijingnongshang.bmp

    │   ├── bh.bmp

    │   ├── bj.bmp

    │   ├── ccb.bmp

    │   ├── chaiquan.jpg

    │   ├── cib.bmp

    │   ├── cmb.bmp

    │   ├── cmbc.bmp

    │   ├── compare.jpg

    │   ├── ghs.png

    │   ├── hashiqi.jpg

    │   ├── hjh_01.png

    │   ├── hjh_02.png

    │   ├── hjh_03.png

    │   ├── hjh_04.png

    │   ├── hjh_05.png

    │   ├── hjh_06.png

    │   ├── hongmi4x.png

    │   ├── HTTP Status 404 – Not Found.html

    │   ├── jinmao.jpg

    │   ├── jugui.jpg

    │   ├── labuladuo.jpg

    │   ├── liebiao_hongmin42.jpg

    │   ├── liebiao_hongmin4_dd.jpg

    │   ├── liebiao_hongmin4.jpg

    │   ├── liebiao_hongmin4x.jpg

    │   ├── liebiao_xiaomi5c.jpg

    │   ├── liebiao_xiaomi5.jpg

    │   ├── liebiao_xiaomi5s.jpg

    │   ├── liebiao_xiaomi6.jpg

    │   ├── liebiao_xiaomimix.jpg

    │   ├── liebiao_xiaomint2.jpg

    │   ├── login_bg.jpg

    │   ├── logo_top.png

    │   ├── muyangquan.jpg

    │   ├── pinghengche.jpg

    │   ├── pinpai1.png

    │   ├── pinpai2.png

    │   ├── pinpai3.png

    │   ├── pinpai4.png

    │   ├── pinpai5.png

    │   ├── register_bg.jpg

    │   ├── samoye.jpg

    │   ├── taidi.jpg

    │   ├── xiaomi5.jpg

    │   ├── xuenarui.html

    │   └── xuenarui.jpg

    ├── index.html

    ├── jinmao.html

    ├── jugui.html

    ├── labuladuo.html

    ├── liebiao.html

    ├── login.html

    ├── muyangquan.html

    ├── register.html

    ├── sameye.html

    ├── self_info.html

    ├── taidi.html

    ├── wangzhanjianyi.html

    ├── wjianyi1.html

    ├── wjianyi2.html

    ├── wjianyi3.html

    ├── xiangqing.html

    ├── xuenarui.html

    └── zhifu.html

    3 directories, 82 files

    展开全文
  • HTML期末作业作业-仿小米商城(HTML+CSS+JavaScript),一个页面。 部分网页源代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" ...

     HTML期末作业作业-仿小米商城最新更新(2021-06-16)(HTML+CSS+JavaScript),一个页面。

     部分网页源代码

    
    <!DOCTYPE html>
    <html lang="en">
    
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="stylesheet" href="./css/reset.css">
        <link rel="stylesheet" href="./css/index.css">
        <link rel="stylesheet" href="./css/fonts.css">
        <title>小米商城</title>
    </head>
    
    <body>
        <!-- 顶部栏 -->
        <div class="topBar">
            <div class="container">
                <!-- 顶部栏由三块组成,列表,购物车以及登录 -->
                <!-- 顶部栏的列表区 -->
                <div class="topBar-list">
                    <!-- 每个列表可以分为两部分,一个a标签代表链接以及span标签“|”分隔开 -->
                    <a href="#">小米商城</a>
                    <span>|</span>
                    <a href="#">MIUI</a>
                    <span>|</span>
                    <a href="#">loT</a>
                    <span>|</span>
                    <a href="#">云服务</a>
                    <span>|</span>
                    <a href="#">金融</a>
                    <span>|</span>
                    <a href="#">有品</a>
                    <span>|</span>
                    <a href="#">小爱开放平台</a>
                    <span>|</span>
                    <a href="#">政企服务</a>
                    <span>|</span>
                    <a href="#">资质证照</a>
                    <span>|</span>
                </div>
                <!-- 顶部栏的购物车区 -->
                <div class="shop">
                    <a href="#">
                        <i class="iconfont" style="font-size: 14px;">&#xe61b;</i>
                        购物车(0)</a>
                </div>
                <!-- 顶部栏的登录区 -->
                <div class="login">
                    <a href="#">登录</a>
                    <span>|</span>
                    <a href="#">注册</a>
                    <span>|</span>
                    <a href="#">消息通知</a>
                    <span>|</span>
                </div>
            </div>
        </div>
        <!-- 导航栏 -->
        <div class="header">
            <div class="container">
                <!-- 导航栏由三块组成,图标,列表,以及搜索框 -->
                <!-- 导航栏的图标区 -->
                <div class="site-logo">
                    <a href="#">
                        <img src="img/logo.png" alt="">
                    </a>
                </div>
                <!-- 导航栏的列表区 -->
                <div class="site-list">
                    <ul class="clearfix">
                        <li class="site-category"><a href="#"><img src="./img/mifen.gif" alt=""></a>
                            <!-- 侧边栏 -->
                            <div class="category-list">
                                <ul>
                                    <li><a href="#">手机 电话卡
                                            <span class="iconfont">&#xe605;</span>
                                        </a>
                                    </li>
                                    <li><a href="#">电视 盒子
                                            <span class="iconfont">&#xe605;</span>
                                        </a>
                                    </li>
                                    <li><a href="#">笔记本 显示器 平板
                                            <span class="iconfont">&#xe605;</span>
                                        </a>
                                    </li>
                                    <li><a href="#">家电 插线板
                                            <span class="iconfont">&#xe605;</span>
                                        </a>
                                    </li>
                                    <li><a href="#">出现 穿戴
                                            <span class="iconfont">&#xe605;</span>
                                        </a>
                                    </li>
                                    <li><a href="#">智能 路由器
                                            <span class="iconfont">&#xe605;</span>
                                        </a>
                                    </li>
                                    <li><a href="#">电源 配件
                                            <span class="iconfont">&#xe605;</span>
                                        </a>
                                    </li>
                                    <li><a href="#">健康 儿童
                                            <span class="iconfont">&#xe605;</span>
                                        </a>
                                    </li>
                                    <li><a href="#">耳机 音箱
                                            <span class="iconfont">&#xe605;</span>
                                        </a>
                                    </li>
                                    <li><a href="#">生活 箱包
                                            <span class="iconfont">&#xe605;</span>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li><a href="#">小米手机</a></li>
                        <li><a href="#">红米</a></li>
                        <li><a href="#">电视</a></li>
                        <li><a href="#">笔记本</a></li>
                        <li><a href="#">家电</a></li>
                        <li><a href="#">路由器</a></li>
                        <li><a href="#">智能硬件</a></li>
                        <li><a href="#">服务</a></li>
                        <li><a href="#">社区</a></li>
                    </ul>
                </div>
                <!-- 导航栏的搜索框 -->
                <div class="site-search">
                    <form action="">
                        <input type="text" name="search" class="search-text" placeholder="耳机">
                        <input type="submit" class="search-btn iconfont" value="&#xe60b;" style="font-size: 24px;">
                        
                    </form>
                </div>
            </div>
        </div>
        <!-- 主页内容区 -->
        <div class="site-content">
            <div class="container">
                <!-- 轮播图 -->
                <div class="site-slider">
                    <a href="#">
                        <div id="benner">
                            <div class="img">
                                <img src="img/11.jpg" class="imga active">
                                   <img src="img/22.jpg" class="imga">
                                <img src="img/33.jpg" class="imga">
                                <img src="img/44.jpg" class="imga">
                                <img src="img/55.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>
                       
                    </a>
                   
                   
                </div>
                <!-- 向导 -->
                <div class="content-sub">
                    <!-- 向导左 -->
                    <div class="content-channel">
                        <ul class="channel-list clearfix">
                            <li><a href="#">
                                    <i class="iconfont">&#xe641;</i>
                                    选购手机
                                </a></li>
                            <li><a href="#">
                                    <i class="iconfont">&#xe790;</i>
                                    企业团购
                                </a></li>
                            <li><a href="#">
                                    <i class="iconfont">&#xe603;</i>
                                    F码通道
                                </a></li>
                            <li><a href="#">
                                    <i class="iconfont">&#xe602;</i>
                                    米粉卡
                                </a></li>
                            <li><a href="#">
                                    <i class="iconfont">&#xe60f;</i>
                                    以旧换新
                                </a></li>
                            <li><a href="#">
                                    <i class="iconfont">&#xe601;</i> </i>
                                    话费充值
                                </a></li>
                        </ul>
                    </div>
                    <!-- 向导右 -->
                    <div class="content-list">
                        <ul class="clearfix">
                            <li><a href=""><img src="img/image1.jpg"></a></li>
                            <li><a href=""><img src="img/image2.jpg"></a></li>
                            <li><a href=""><img src="img/image3.jpg"></a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <!-- banner图 -->
         <div class="content-banner">
                <div class="container"> 
                    <a href="#">
                        <img src="./img/banner.jpg">
                    </a>
    			</div> 
         </div>
        </div>
        <!-- 内容详情 -->
        <div class="content-desc">
            <div class="container">
                <!-- 上层标题 -->
                <div class="box-hd">
                    <h2>手机</h2>
                    <div class="more">
                        <a href="#">查看全部
                            <i class="iconfont">&#xe605;</i>
                        </a>
                    </div>
                </div>
                <!-- 下层内容 -->
                <div class="box-bd">
                    <div class="row clearfix">
                        <!-- 内容左边大图 -->
                        <div class="row-l">
                            <a href="#">
                                <img src="./img/iphone.jpg">
                            </a>
                        </div>
                        <!-- 内容右边小图分为两大部分,图片,商品描述 -->
                        <div class="row-r">
                            <ul>
                                <li>
                                    <!-- 图片区 -->
                                    <div class="figure">
                                        <a href="#">
                                            <img src="./img/figure1.jpg">
                                        </a>
                                    </div>
                                    <!-- 商品描述 -->
                                    <h3 class="title">
                                        <a href="#">
                                            小米10 青春版 5G
                                        </a>
                                    </h3>
                                    <p class="desc">
                                        50倍潜望式变焦/轻薄5G手机
                                    </p>
                                    <p class="price">
                                        <span class="num">1899</span>元起
                                    </p>
                                </li>
                                <li>
                                    <!-- 图片区 -->
                                    <div class="figure">
                                        <a href="#">
                                            <img src="./img/figure2.jpg">
                                        </a>
                                    </div>
                                    <!-- 商品描述 -->
                                    <h3 class="title">
                                        <a href="#">
                                            小米10
                                        </a>
                                    </h3>
                                    <p class="desc">
                                        骁龙865/1亿像素相机
                                    </p>
                                    <p class="price">
                                        <span class="num">3799</span>元起
                                    </p>
                                </li>
                                <li>
                                    <!-- 图片区 -->
                                    <div class="figure">
                                        <a href="#">
                                            <img src="./img/figure3.jpg">
                                        </a>
                                    </div>
                                    <!-- 商品描述 -->
                                    <h3 class="title">
                                        <a href="#">
                                            Redmi K30 Pro
                                        </a>
                                    </h3>
                                    <p class="desc">
                                        双模5G、 骁龙865、 弹出全面屏
                                    </p>
                                    <p class="price">
                                        <span class="num">2499</span>元起
                                    </p>
                                </li>
                                <li>
                                    <!-- 图片区 -->
                                    <div class="figure">
                                        <a href="#">
                                            <img src="./img/figure4.jpg">
                                        </a>
                                    </div>
                                    <!-- 商品描述 -->
                                    <h3 class="title">
                                        <a href="#">
                                            Redmi K30 Pro 变焦版
                                        </a>
                                    </h3>
                                    <p class="desc">
                                        双模5G、 骁龙865、 弹出全面屏
                                    </p>
                                    <p class="price">
                                        <span class="num">3799</span>元
                                    </p>
                                </li>
                                <li>
                                    <!-- 图片区 -->
                                    <div class="figure">
                                        <a href="#">
                                            <img src="./img/figure5.jpg">
                                        </a>
                                    </div>
                                    <!-- 商品描述 -->
                                    <h3 class="title">
                                        <a href="#">
                                            小米10 Pro
                                        </a>
                                    </h3>
                                    <p class="desc">
                                        骁龙865/50倍变焦
                                    </p>
                                    <p class="price">
                                        <span class="num">4999</span>元起
                                    </p>
                                </li>
                                <li>
                                    <!-- 图片区 -->
                                    <div class="figure">
                                        <a href="#">
                                            <img src="./img/figure6.jpg">
                                        </a>
                                    </div>
                                    <!-- 商品描述 -->
                                    <h3 class="title">
                                        <a href="#">
                                            Redmi K30
                                        </a>
                                    </h3>
                                    <p class="desc">
                                        120 Hz流速屏、 全速热爱
                                    </p>
                                    <p class="price">
                                        <span class="num">1399</span>元起
                                    </p>
                                </li>
                                <li>
                                    <!-- 图片区 -->
                                    <div class="figure">
                                        <a href="#">
                                            <img src="./img/figure7.jpg">
                                        </a>
                                    </div>
                                    <!-- 商品描述 -->
                                    <h3 class="title">
                                        <a href="#">
                                            Redmi K30 5G
                                        </a>
                                    </h3>
                                    <p class="desc">
                                        双模5G、 120Hz流速屏
                                    </p>
                                    <p class="price">
                                        <span class="num">1899</span>元起
                                    </p>
                                </li>
                                <li>
                                    <!-- 图片区 -->
                                    <div class="figure">
                                        <a href="#">
                                            <img src="./img/figure8.jpg">
                                        </a>
                                    </div>
                                    <!-- 商品描述 -->
                                    <h3 class="title">
                                        <a href="#">
                                            Redmi 8
                                        </a>
                                    </h3>
                                    <p class="desc">
                                        5000mAh超长续航
                                    </p>
                                    <p class="price">
                                        <span class="num">799</span>元
                                    </p>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
    
    
    
    
            </div>
            <div class="container">
                <!-- 上层标题 -->
                <div class="box-hd">
                    <h2>电视</h2>
                    <div class="more">
                        <a href="#">查看全部
                            <i class="iconfont">&#xe605;</i>
                        </a>
                    </div>
                </div>
                <!-- 下层内容 -->
                <div class="box-bd">
                    <div class="row clearfix">
                        <!-- 内容左边大图 -->
                        <div class="row-l">
                            <a href="#">
                                <img src="./img/1.png">
                            </a>
                        </div>
                        <!-- 内容右边小图分为两大部分,图片,商品描述 -->
                        <div class="row-r">
                            <ul>
                                <li>
                                    <!-- 图片区 -->
                                    <div class="figure">
                                        <a href="#">
                                            <img src="./img/figure1.jpg">
                                        </a>
                                    </div>
                                    <!-- 商品描述 -->
                                    <h3 class="title">
                                        <a href="#">
                                            小米10 青春版 5G
                                        </a>
                                    </h3>
                                    <p class="desc">
                                        50倍潜望式变焦/轻薄5G手机
                                    </p>
                                    <p class="price">
                                        <span class="num">1899</span>元起
                                    </p>
                                </li>
                                <li>
                                    <!-- 图片区 -->
                                    <div class="figure">
                                        <a href="#">
                                            <img src="./img/figure2.jpg">
                                        </a>
                                    </div>
                                    <!-- 商品描述 -->
                                    <h3 class="title">
                                        <a href="#">
                                            小米10
                                        </a>
                                    </h3>
                                    <p class="desc">
                                        骁龙865/1亿像素相机
                                    </p>
                                    <p class="price">
                                        <span class="num">3799</span>元起
                                    </p>
                                </li>
                                <li>
                                    <!-- 图片区 -->
                                    <div class="figure">
                                        <a href="#">
                                            <img src="./img/figure3.jpg">
                                        </a>
                                    </div>
                                    <!-- 商品描述 -->
                                    <h3 class="title">
                                        <a href="#">
                                            Redmi K30 Pro
                                        </a>
                                    </h3>
                                    <p class="desc">
                                        双模5G、 骁龙865、 弹出全面屏
                                    </p>
                                    <p class="price">
                                        <span class="num">2499</span>元起
                                    </p>
                                </li>
                                <li>
                                    <!-- 图片区 -->
                                    <div class="figure">
                                        <a href="#">
                                            <img src="./img/figure4.jpg">
                                        </a>
                                    </div>
                                    <!-- 商品描述 -->
                                    <h3 class="title">
                                        <a href="#">
                                            Redmi K30 Pro 变焦版
                                        </a>
                                    </h3>
                                    <p class="desc">
                                        双模5G、 骁龙865、 弹出全面屏
                                    </p>
                                    <p class="price">
                                        <span class="num">3799</span>元
                                    </p>
                                </li>
                                <li>
                                    <!-- 图片区 -->
                                    <div class="figure">
                                        <a href="#">
                                            <img src="./img/figure5.jpg">
                                        </a>
                                    </div>
                                    <!-- 商品描述 -->
                                    <h3 class="title">
                                        <a href="#">
                                            小米10 Pro
                                        </a>
                                    </h3>
                                    <p class="desc">
                                        骁龙865/50倍变焦
                                    </p>
                                    <p class="price">
                                        <span class="num">4999</span>元起
                                    </p>
                                </li>
                                <li>
                                    <!-- 图片区 -->
                                    <div class="figure">
                                        <a href="#">
                                            <img src="./img/figure6.jpg">
                                        </a>
                                    </div>
                                    <!-- 商品描述 -->
                                    <h3 class="title">
                                        <a href="#">
                                            Redmi K30
                                        </a>
                                    </h3>
                                    <p class="desc">
                                        120 Hz流速屏、 全速热爱
                                    </p>
                                    <p class="price">
                                        <span class="num">1399</span>元起
                                    </p>
                                </li>
                                <li>
                                    <!-- 图片区 -->
                                    <div class="figure">
                                        <a href="#">
                                            <img src="./img/figure7.jpg">
                                        </a>
                                    </div>
                                    <!-- 商品描述 -->
                                    <h3 class="title">
                                        <a href="#">
                                            Redmi K30 5G
                                        </a>
                                    </h3>
                                    <p class="desc">
                                        双模5G、 120Hz流速屏
                                    </p>
                                    <p class="price">
                                        <span class="num">1899</span>元起
                                    </p>
                                </li>
                                <li>
                                    <!-- 图片区 -->
                                    <div class="figure">
                                        <a href="#">
                                            <img src="./img/figure8.jpg">
                                        </a>
                                    </div>
                                    <!-- 商品描述 -->
                                    <h3 class="title">
                                        <a href="#">
                                            Redmi 8
                                        </a>
                                    </h3>
                                    <p class="desc">
                                        5000mAh超长续航
                                    </p>
                                    <p class="price">
                                        <span class="num">799</span>元
                                    </p>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
    
    
    
    
            </div>
            <div class="container">
                <!-- 上层标题 -->
                <div class="box-hd">
                    <h2>家电</h2>
                    <div class="more">
                        <a href="#">查看全部
                            <i class="iconfont">&#xe605;</i>
                        </a>
                    </div>
                </div>
                <!-- 下层内容 -->
                <div class="box-bd">
                    <div class="row clearfix">
                        <!-- 内容左边大图 -->
                        <div class="row-l">
                            <a href="#">
                                <img src="./img/2.png">
                            </a>
                        </div>
                        <!-- 内容右边小图分为两大部分,图片,商品描述 -->
                        <div class="row-r">
                            <ul>
                                <li>
                                    <!-- 图片区 -->
                                    <div class="figure">
                                        <a href="#">
                                            <img src="./img/figure1.jpg">
                                        </a>
                                    </div>
                                    <!-- 商品描述 -->
                                    <h3 class="title">
                                        <a href="#">
                                            小米10 青春版 5G
                                        </a>
                                    </h3>
                                    <p class="desc">
                                        50倍潜望式变焦/轻薄5G手机
                                    </p>
                                    <p class="price">
                                        <span class="num">1899</span>元起
                                    </p>
                                </li>
                                <li>
                                    <!-- 图片区 -->
                                    <div class="figure">
                                        <a href="#">
                                            <img src="./img/figure2.jpg">
                                        </a>
                                    </div>
                                    <!-- 商品描述 -->
                                    <h3 class="title">
                                        <a href="#">
                                            小米10
                                        </a>
                                    </h3>
                                    <p class="desc">
                                        骁龙865/1亿像素相机
                                    </p>
                                    <p class="price">
                                        <span class="num">3799</span>元起
                                    </p>
                                </li>
                                <li>
                                    <!-- 图片区 -->
                                    <div class="figure">
                                        <a href="#">
                                            <img src="./img/figure3.jpg">
                                        </a>
                                    </div>
                                    <!-- 商品描述 -->
                                    <h3 class="title">
                                        <a href="#">
                                            Redmi K30 Pro
                                        </a>
                                    </h3>
                                    <p class="desc">
                                        双模5G、 骁龙865、 弹出全面屏
                                    </p>
                                    <p class="price">
                                        <span class="num">2499</span>元起
                                    </p>
                                </li>
                                <li>
                                    <!-- 图片区 -->
                                    <div class="figure">
                                        <a href="#">
                                            <img src="./img/figure4.jpg">
                                        </a>
                                    </div>
                                    <!-- 商品描述 -->
                                    <h3 class="title">
                                        <a href="#">
                                            Redmi K30 Pro 变焦版
                                        </a>
                                    </h3>
                                    <p class="desc">
                                        双模5G、 骁龙865、 弹出全面屏
                                    </p>
                                    <p class="price">
                                        <span class="num">3799</span>元
                                    </p>
                                </li>
                                <li>
                                    <!-- 图片区 -->
                                    <div class="figure">
                                        <a href="#">
                                            <img src="./img/figure5.jpg">
                                        </a>
                                    </div>
                                    <!-- 商品描述 -->
                                    <h3 class="title">
                                        <a href="#">
                                            小米10 Pro
                                        </a>
                                    </h3>
                                    <p class="desc">
                                        骁龙865/50倍变焦
                                    </p>
                                    <p class="price">
                                        <span class="num">4999</span>元起
                                    </p>
                                </li>
                                <li>
                                    <!-- 图片区 -->
                                    <div class="figure">
                                        <a href="#">
                                            <img src="./img/figure6.jpg">
                                        </a>
                                    </div>
                                    <!-- 商品描述 -->
                                    <h3 class="title">
                                        <a href="#">
                                            Redmi K30
                                        </a>
                                    </h3>
                                    <p class="desc">
                                        120 Hz流速屏、 全速热爱
                                    </p>
                                    <p class="price">
                                        <span class="num">1399</span>元起
                                    </p>
                                </li>
                                <li>
                                    <!-- 图片区 -->
                                    <div class="figure">
                                        <a href="#">
                                            <img src="./img/figure7.jpg">
                                        </a>
                                    </div>
                                    <!-- 商品描述 -->
                                    <h3 class="title">
                                        <a href="#">
                                            Redmi K30 5G
                                        </a>
                                    </h3>
                                    <p class="desc">
                                        双模5G、 120Hz流速屏
                                    </p>
                                    <p class="price">
                                        <span class="num">1899</span>元起
                                    </p>
                                </li>
                                <li>
                                    <!-- 图片区 -->
                                    <div class="figure">
                                        <a href="#">
                                            <img src="./img/figure8.jpg">
                                        </a>
                                    </div>
                                    <!-- 商品描述 -->
                                    <h3 class="title">
                                        <a href="#">
                                            Redmi 8
                                        </a>
                                    </h3>
                                    <p class="desc">
                                        5000mAh超长续航
                                    </p>
                                    <p class="price">
                                        <span class="num">799</span>元
                                    </p>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
    
    
    
    
            </div>
        </div>
        <!-- 脚部 -->
        <div class="footer">
            <div class="container">
                <!-- 脚部一共分为两部分,上部分的服务以及其他小字 -->
                <div class="footer-service">
                    <ul class="clearfix">
                        <li class="first">
                            <a href="#">
                                <i class="iconfont">&#xe629;</i>
                                预约维修服务
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <i class="iconfont">&#xe600;</i>
                                7天无理由退货
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <i class="iconfont">&#xe638;</i>
                                15天免费换货
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <i class="iconfont">&#xe790;</i>
                                满99元包邮
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <i class="iconfont">&#xe768;</i>
                                520余家售后网点
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="footer-links clearfix">
                    <dl class="col-links">
                        <dt>帮助中心</dt>
                        <dd>账户管理</dd>
                        <dd>购物指南</dd>
                        <dd>订单操作</dd>
                    </dl>
                    <dl class="col-links">
                        <dt>服务支持</dt>
                        <dd>售后政策</dd>
                        <dd>自助服务</dd>
                        <dd>相关下载</dd>
                    </dl>
                    <dl class="col-links">
                        <dt>线下门店</dt>
                        <dd>小米之家</dd>
                        <dd>服务网点</dd>
                        <dd>授权体验店</dd>
                    </dl>
                    <dl class="col-links">
                        <dt>关于小米</dt>
                        <dd>了解小米</dd>
                        <dd>加入小米</dd>
                        <dd>投资者关系</dd>
                    </dl>
                    <dl class="col-links">
                        <dt>关注我们</dt>
                        <dd>新浪微博</dd>
                        <dd>官方微信</dd>
                        <dd>联系我们</dd>
                    </dl>
                    <dl class="col-links">
                        <dt>特色服务</dt>
                        <dd>F码通道</dd>
                        <dd>礼物码</dd>
                        <dd>防伪查询</dd>
                    </dl>
                    <div class="col-contact">
                        <p class="phone">400-100-5678</p>
                        <p>8:00-18:00(仅收市话费)</p>
                        <a href="#">
                            <i class="iconfont">&#xe641;</i>
                            人工客服
                        </a>
                    </div>
                </div>
    
            </div>
        </div>
    </body>
    <script src="./js/index.js"></script>
    </html>

     部分网页截图

    展开全文
  • HTML期末作业作业-仿小米商城官网首页模板(HTML+CSS+JavaScript) 效果演示 小米商城官网首页模板基于HTML+CSS+JavaScript制作,包括导航栏,商品分类菜单等。 文件目录 代码实现 <!DOCTYPE html> <...

    HTML期末作业作业-仿小米商城官网首页模板(HTML+CSS+JavaScript)

    效果演示

    小米商城官网首页模板基于HTML+CSS+JavaScript制作,包括导航栏,商品分类菜单等。
    在这里插入图片描述

    在这里插入图片描述
    在这里插入图片描述

    文件目录

    在这里插入图片描述

    代码实现

    <!DOCTYPE html>
    <html>
    <head lang="en">
        <meta charset="UTF-8">
        <title></title>
        <link rel="stylesheet" href="css/xiaomi.css"/>
        <script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
        <script src="js/jquery.animate-colors-min.js"></script>
    </head>
    <body>
         <div class="head_box">
             <div id="head_wrap">
                 <div id="head_nav">
                     <a class="head_nav_a">大米网</a>
                     <span>|</span>
                     <a class="head_nav_a">MIUI</a>
                     <span>|</span>
                     <a class="head_nav_a">米聊</a>
                     <span>|</span>
                     <a class="head_nav_a">游戏</a>
                     <span>|</span>
                     <a class="head_nav_a">多看阅读</a>
                     <span>|</span>
                     <a class="head_nav_a">云服务</a>
                     <span>|</span>
                     <a class="head_nav_a">大米移动版</a>
                     <span>|</span>
                     <a class="head_nav_a">问题反馈</a>
                     <span>|</span>
                     <a class="head_nav_a" id="Select_Region_but">Select Region</a>
                 </div>
                 <div id="head_right">
                     <div id="head_landing">
                         <a class="head_nav_a">登陆</a>
                         <span>|</span>
                         <a class="head_nav_a">注册</a>
                     </div>
                     <div id="head_car">
                         <a class="head_car_text">购物车(0)</a>
                         <div id="car_content" style="height: 0px;width:0px ;background-color: #edffc6;z-index: 999">
                             <a class="car_text"></a>
                         </div>
                     </div>
                 </div>
             </div>
         </div>
     
         <div id="foot_box">
             <div id="foot_wrap">
                 <div class="foot_top">
                     <ul>
                         <li>1小时快修服务</li>
                         <li class="font_top_i">|</li>
                         <li>7天无理由退货</li>
                         <li class="font_top_i">|</li>
                         <li>15天免费换货</li>
                         <li class="font_top_i">|</li>
                         <li>满150元包邮</li>
                         <li class="font_top_i">|</li>
                         <li>520余家售后网点</li>
                     </ul>
                 </div>
                 <div class="foot_bottom">
                     <div class="foot_bottom_l">
                         <dl>
                             <dt>帮助中心</dt>
                             <dd>购物指南</dd>
                             <dd>支付方式</dd>
                             <dd>配送方式</dd>
                         </dl>
                         <dl>
                             <dt>服务支持</dt>
                             <dd>售后政策</dd>
                             <dd>自助服务</dd>
                             <dd>相关下载</dd>
                         </dl>
                         <dl>
                             <dt>大米之家</dt>
                             <dd>大米之家</dd>
                             <dd>服务网点</dd>
                             <dd>预约亲临到店服务</dd>
                         </dl>
                         <dl>
                             <dt>关注我们</dt>
                             <dd>新浪微博</dd>
                             <dd>大米部落</dd>
                             <dd>官方微信</dd>
                         </dl>
                     </div>
                     <div class="foot_bottom_r">
                         <a>400-100-5678</a>
                         <a>周一至周日 8:00-18:00</a>
                         <a>(仅收市话费)</a>
                         <span> 24小时在线客服</span>
                     </div>
                 </div>
             </div>
             <div class="foot_note_box">
                 <div class="foot_note_wrap">
                     <div class="foot_note_con">
                         <span class="foot_logo"><img src="img/mi-logo.png" width="38px" height="38px"></span>
    						<span class="foot_note_txt">
    							<a>大米网</a><h>|</h><a>MIUI</a><h>|</h><a>米聊</a><h>|</h><a>多看书城</a><h>|</h><a>大米路由器</a><h>|</h><a>大米后院</a><h>|</h><a>大米天猫店</a><h>|</h><a>大米淘宝直营店</a><h>|</h><a>大米网盟</a><h>|</h><a>问题反馈</a><h>|</h><a>Select Region</a>
    						    <a> 5555555号</a>
    						</span>
                     </div>
    
                 </div>
             </div>
         </div>
    
    <script type="text/javascript" src="js/xiaomi.js"></script>
    </body>
    </html>
    
    

    做好的网页效果,如何通过发链接给别人看?

    1.1解决部署上线~> 部署上线工具(永久免费使用)

    1.不需要买服务器就能部署线上,全世界都能访问你的连接啦, 这里给大家推荐一个程序员必备神器~
    插件集成了超级多好用的插件,免费下载安装,简单易懂, 简直神器 ~ 需要可在文章 ↓ 下方公Z号获取

    2.就是把你的代码效果做好了以后, 部署到线上, 把链接发给别人, 就可以让对方通过你的连接点击进去, 就能看到你的网页效果啦, 电脑端和手机端都可以噢! (不然别人看你的网页都要发文件过去,体验感不太好哦~)

    1.1部署流程

    在这里插入图片描述

    1.2 哇~ 部署成功

    哇~ 部署成功! 将你写好的页面部署上线后, 全世界的人都可以通过链接访问到你的网页了(永久免费使用哦)~

    在这里插入图片描述

    前端 零基础入门到高级 (视频+源码+开发软件+学习资料+面试题) 一整套 (教程)

    适合入门到高级的童鞋们入手~
    在这里插入图片描述


    源码获取

    ~ 关注我,点赞博文~ 每天带你涨知识!

    1.看到这里了就 [点赞+好评+收藏] 三连 支持下吧,你的「点赞,好评,收藏」是我创作的动力。

    2.关注我~ 每天带你学习 :各种前端插件、3D炫酷效果、图片展示、文字效果、以及整站模板 、大学生毕业模板 、期末大作业模板 、等! 「在这里有好多 前端 开发者,一起探讨 前端 Node 知识,互相学习」!

    3.以上内容技术相关问题可以相互学习,可关注↓公Z号 获取更多源码 !

    在这里插入图片描述

    更多HTML期末学生作业文章

    1.HTML期末学生结课大作业~html+css+javascript仿叮当电影在线网站(功能齐全)

    2.HTML期末学生作业~html+css+javascript仿猫眼电影在线网站(功能齐全)

    3.HTML期末学生大作业(9套)html+css+javascript仿京东、天猫、服装、各大电商模板(大学毕业设计)

    HTML期末作业作业(下载)

    1.web前端期末节课大作业~html学生信息管理系统模板

    2.web前端期末节课大作业 ~HTML学校后台用户登录界面模板

    3.web前端期末节课大作业 ,~小米官网竖直分类导航菜单

    4.web前端期末节课大作业~HTML5大学生网上报到系统响应式模板

    5.web前端期末节课大作业~自考大学官网HTML模板

    6.web前端期末节课大作业 ~小米商城官网首页模板

    7.web前端期末节课大作业-绿色IT技术在线教育响应式模板

    8.web前端期末节课大作业~HTML教育培训机构网站模板

    9.web前端期末结课大作业html+css+javascript大学实验教学示范中心HTML网站模板

    10.web前端期末节课大作业 ~HTML5响应式少儿舞蹈培训学校网站模板

    11.web前端期末节课大作业~红色教育培训画室HTML网站模板

    更多源码

    ❤100款表白源码演示地址

    展开全文
  • 这是HTML期末大作业,花了点时间,稍加修改就可以作为自己的作业了,而且也可以作为学习参考
  • Html5期末大作业内含 提交表单、主页、视频播放,应付作业没问题
  • web前端期末大作业

    2020-12-17 09:43:39
    3.大学生期末网页大作业-6页面的网页设计,是个人主页类型。包含了6个页面,包含视频、脚本等元素。水平不高,但交选修作业就足够了。 4.免费大学生网页设计制作作业作品下载dreamweaver制作静态html网页设计作业...
  • 现成的简单html5期末大作业,一个游戏官网,素材来自全职高手的虚拟游戏“荣耀”,主要是页面样式设计,交期末大作业足矣
  • 好久没上CSDN了,不知不觉大二结束了,马上就要大三了,感觉非常迷茫,一直想把上次前端课的大作业发布一下,拖到现在,哈哈。先看一下在浏览器的效果。 想做的是一个类似企业网站的,主要是用CSS布局这一块花费...

    一、在浏览器中的运行结果:
    在这里插入图片描述
    二、部分代码
    1.HTML:

    <!DOCTYPE html>
    <html>
    <head lang="en">
        <meta charset="UTF-8">
        <title>启乐官网</title>
        <link rel="stylesheet" href="style.css"/>
        <script src="myjs.js" charset="gb2312"></script>
    </head>
    <body>
    
    <header>                                          <!-- 页眉 -->
        <a id="hah" href="home.html" title="启乐首页"><h1>启乐</h1></a>                      <!-- logo点击跳往首页 -->
        <h3 id="hh">------美好生活的开始</h3>
        <a id="ha2" href="" title="注册/登录"><h3>注册/登录</h3></a>
    </header>
    
    <nav>                                                    <!--导航链接 -->
        <ul>
            <li><a href="home.html">首页</a></li>
            <li><a href="introudction.html">企业介绍</a></li>
    
            <div class="nud">
                <a href="product.html" class="nuda">产品中心</a>
                <div class="nudd">
                    <a href="product.html">客厅家具系列</a>
                    <a href="product.html">床上用品</a>
                    <a href="product.html">美容护肤系列</a>
                    <a href="product.html">精品服装</a>
                    <a href="product.html">限时优惠</a>
                </div>
            </div>
    
            <li><a href="https://www.baidu.com/s?rtt=1&bsst=1&cl=2&tn=news&word=%E5%90%AF%E4%B9%90" target="_blank">新闻动态</a></li>
            <li><a href="join.html">加入我们</a></li>
        </ul>
    </nav>
    
    <div class="box">                                                 <!--第一个盒模型-->
            <div id="ha1">                                            <!-- 动画 广告轮播区域-->
    
            </div>
    
            <aside id="ha3">                                          <!-- 边栏区 联系我们 -->
                <div id="ad">
                <img src="image/contact02.jpg" alt=""/>
                <div>
                    <table class="tab01">
                        <tr>
                            <td>地址:</td>
                            <td>北京市东城区棉花胡同01</td>
                        </tr>
                        <tr>
                            <td>电话:</td><td>010-12345678</td>
                        </tr>
                        <tr>
                            <td>邮箱:</td><td>qile@163.com</td>
                        </tr>
                    </table>
    
                </div>
                </div>
            </aside>
    
    </div>
    
    <div class="box01">                                             <!--第二个盒模型-->
    
        <div class="new">                                                  <!--热卖商品-->
            <div><img id="nd" src="image/hot.jpg" alt=""/></div><br/>
    
            <a href="" title="棉芯枕头" id="ba1">
                <img id="na" src="image/product01.jpg" alt=""/><br/>
                <h3>棉芯枕头 特价¥50</h3>
            </a>
    
            <a href="" title="机械键盘" id="ba2">
                <img id="na1" src="image/product02.jpg" alt=""/><br/>
                <h3>机械键盘 特价¥100</h3>
            </a>
    
            <a href="" title="精美橱柜" id="ba3">
                <img id="na2" src="image/product05.jpg" alt=""/><br/>
                <h3>精美橱柜 特价¥600</h3>
            </a>
    
    
        </div>
    
        <div class="register">                                               <!--登录表单-->
            <img id="ri" src="image/register.jpg" alt=""/><br/>
    
            <form action="" id="fo">
                <table>
                <tr>
                    <td>用户名</td>
                    <td><input type="text" id="user01" maxlength="11" placeholder="请输入您的用户名" required/></td>
                </tr>
    
                    <tr id="fot">
                        <td>密码</td>
                        <td><input type="password" id="password01" maxlength="16" required/></td>
                    </tr>
    
                    <tr>
                        <th colspan="2"><input type="submit" value="登录"></th>
                    </tr>
                </table>
            </form>
    
            <div class="dbd">
            <a href="" >忘记密码</a>
            <a href="" id="zc">注册账号</a>
            </div>
    
        </div>
    </div>
    
    <div class="news">
        <img id="nei" src="image/news.jpg" alt=""/><br><br>
        <div class="box03">
        <div class="nd">
            <a href="https://www.baidu.com/s?rtt=1&bsst=1&cl=2&tn=news&word=%E5%90%AF%E4%B9%90" target="_blank" title="企业新闻">CCKA零售创新奖、十大创新业态在会议期间隆重揭晓,<br>由启乐打造的时尚原创生活类
            自营电商平台“启乐优选”<br>从上百个候选案例中脱颖而出,斩获CCKA零售创新奖。</a>
        </div>
    
    <div id="nea02">
            <a href="https://www.baidu.com/s?rtt=1&bsst=1&cl=2&tn=news&word=%E5%90%AF%E4%B9%90" target="_blank" title="企业新闻">启乐中国新世代于北京正式开幕。北京<br>
                京东店选址中国电商的代表企业——总部园区内,这是<br>
                HOTEL后在中国的一次新世代事业形态布局。</a>
    </div>
        </div>
    
    </div><br><br><br><br>
    
    <footer>                                                                    <!-- 页脚区 -->
                Copyright © 18网汉*** All Rights Reserved. 版权所有
    </footer>
    <br>
    </body>
    </html>
    

    2.CSS

    *{
        /*background-color: #5F822F;*/
    }
    #ha2{
        position:absolute;
        left: 1400px;
        text-decoration: none;
    }
    #ha2:hover{
        background-color: aqua;
    }
    
    header{
        height: 150px;
        background-image: url("image/header01.jpg");
        background-repeat: round;
    }
    #hah{
        text-decoration: none;
    }
    
    #hah:hover{
        background-color: aqua;
    }
    
    #hh{
        color: coral;
        position:absolute;
        left:100px;
        top: 30px;
    }
    nav{
        width: 1000px;
    }
    nav ul{
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        background-color: bisque;
        height: 40px;
        font-size: x-large;
        font-weight: 800;
        list-style-type: none;
        overflow: hidden;
    
    }
    nav ul li a{
        text-decoration: none;
        padding: 12px 50px;
        /*padding: 1px 5px;*/
    }
    
    nav ul li a:hover{
    background-color: burlywood;
    
    }
    
    .nud{
        display: inline-block;
    }
    
    .nudd{
        display: none;
        position: absolute;
    
        min-width: 160px;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    
    }
    
    
    .nud:hover .nudd{
        display: block;
    }
    
    
    .nudd a:hover{
        background-color: aquamarine;
    
    
    }
    
    .nuda{
        display: inline-block;
        text-decoration: none;
    }
    
    .nuda:hover{
        background-color: burlywood;
    }
    
    .nudd a{
        display: block;
        color: crimson;
        padding: 12px 50px;
        text-decoration: none;
    }
    
    .box{
        display: flex;
    }
    
    
    
    @-webkit-keyframes myfirst {
        0%{
            background-image: url("image/wuy00.jpg");
    
        }
    
        25%{
            background-image: url("image/wuy01.jpg");
        }
        50%{
            background-image: url("image/wuy02.jpg");
        }
    
        75%{
            background-image: url("image/wuy03.jpg");
        }
    }
    
    
    #ha1{
        flex: 60%;
        width:60%;
        height:450px;
        background-size: 100%;
        background-image:url("image/wuy00.jpg") ;
        -webkit-animation: myfirst 8s infinite;
    }
    
    #ha3{
    flex: 40%;
    }
    #ad{
        padding-left: 20px;
    }
    
    .tab01 td{
        border:2px solid;
        border-color: blueviolet;
        background-color: aquamarine;
        height: 50px;
    }
    .tab02 td{
        border:2px groove;
        border-color: bisque;
        background-color: bisque;
        height: 50px;
    }
    .box01{
        display: flex;
    }
    .new{
        flex: 60%;
    }
    .new h3{
        color: red;
    }
    .register{
        flex: 40%;
        padding-top: 10px;
        padding-left: 20px;
    }
    #nd{
        padding-top: 10px;
        width: 900px;
        height:83px;
    
    }
    
    #ba1{
        float: left;
    }
    #ba2{
        float: left;
        padding-left: 50px;
    }
    #ba3{
        float: left;
        padding-left: 50px;
    }
    
    @keyframes mysec {
        0%{
            transform:scale(0.7);}
        25%{
            transform:scale(1);  }
    
    }
    
    #na{
        width:250px;
        height:200px;
    }
    #na:hover{
        animation: mysec 5s linear infinite;
    }
    #na1{
        width:250px;
        height:200px;
    }
    #na1:hover{
        animation: mysec 5s linear infinite;
    }
    #na2{
        width:250px;
        height:200px;
    }
    #na2:hover{
        animation: mysec 5s linear infinite;
    }
    #ri{
        padding-top: 1px;
        width: 400px;
        height:83px;
    }
    #fo{
        padding-top: 20px;
    }
    .dbd{
        padding-left: 10px;
        padding-top: 20px;
    }
    #zc{
        padding-left: 80px;
    }
    #nei{
        padding-top: 10px;
    }
    .nd{
        padding-left: 30px;
    }
    .box03{
        display: flex;
    }
    #nea02{
        float: left;
        padding-left: 80px;
    }
    
    .intd{
        padding-left: 80px;
    }
    
    
    
    footer{
        text-align: center;
        background-color: #83B441;
        height: 50px;
    }
    
    

    3.Javascript

    window.onload=function(){
        if(document.getElementById("fo") != null){
            document.getElementById("fo").onsubmit=function(){
                var yhm = document.getElementById("user01");
                var mm = document.getElementById("password01");
    
                if(!(/^1\d{10}$/.test(yhm.value))){          /*用正则表达式,检查输入的用户名格式是否为以1开头的11位数*/
                    alert("输入用户名格式错误,请重新输入以1开头的11位数用户名!");
                    return false;
                }
    
                if (mm.value != 12345) {
                    alert("密码输入错误,请重新输入!");
                    return false;
                }
                return ture;
            }
        }
    
    
    
    
    }
    

    声明:案例中的图片素材来源于网络,侵删。
    https://pan.baidu.com/s/1xGvBVjnJNWxsdoUziujz0g 提取码:162k

    展开全文
  • HTML期末大作业-我的大学生活 部分网页源码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-...
  • 分享思维,改变世界. web网页制作,期末大作业. 所用技术:html css javascript 分享所学所得
  • HTML5期末考核大作业,网站——美丽家乡。 包含网站源码及课程设计文档。 本网站设计的主要目的就是为了让更多的人了解自己的家乡。内容包括历史沿革、地理环境、自然资源、经济概况、社会发展、交通运输、古迹人物...
  • html静态网站设计-旅游网(期末大作业).rar
  • 大学生网页设计课程期末大作业,实现登录注册,文件上传下载功能!代码简单,网页时尚!!原创作品!!一个类似时尚芭莎的网页,鼠标移动到图片就能扩大,并且实现了图片轮播功能!!html+css+js,文件格式:html,...
  • html网页制作期末大作业-网上花店html+css+javascript 6个页面适用学生作业课程设计花店、期末作业花店、毕业设计花店 部分网页截图 部分网页源码 <!DOCTYPE html> <html> <head> &...
  • 自己写的h5期末作业,主要是介绍英雄联盟的一些电竞选手。 ①使用的技术:HTML5+CSS3+JavaScript,应用HTML5标签和CSS3特效(包括边框、背景、投影、变形、动画、布局、媒介查询等CSS3样式在页面中的应用)进行页面...
  • 网页设计期末大作业

    热门讨论 2013-05-04 08:49:24
    是我帮朋友做的第二个期末课程网页设计作业,里面用到很多html效果。可以当做网页设计的大作业,也适合html初学者的参考资料。里面效果特多,很多可以借鉴,代码完全个人写的。文档设计说明写的也很清楚。
  • HTML期末作业课程设计期末大作业-腾讯官网 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>...
  • 网页期末大作业

    千次阅读 多人点赞 2020-12-26 12:33:40
    文章目录声明界面html代码indexmdltclzztdfjstimecssstylemdltclzztdf完整文件 声明 网页内容全部来自微信公众号:吃货研究所 界面 html代码 index <html> <head> <meta charset="UTF-8"> ...
  • 期末大作业02

    2021-06-12 21:19:50
    为register制作美观的html界面,最终效果图如下:
  • html做的静态旅游网站,一共有十几个页面,三级结构,添加flash和javascript效果。特别适合当做期末大作业。希望对大家有用。
  • HTML期末作业-宠物网

    2021-06-16 08:57:39
    HTML期末大作业-宠物网 <html> <head> <title>宠物</title> <link rel="shortcut icon" type="image/x-icon" href="img/upimages/favicon.ico" /> <script type="text/...
  • 分享思维,改变世界. web网页制作,期末大作业. 所用技术:html css javascript 分享所学所得 欢迎下载,里面资料很全面,d大家可以学习使用!
  • 网页设计期末大作业小结

    千次阅读 多人点赞 2020-12-28 14:56:51
    学校学的是基础的网页设计知识,对这次期末大作业作一个梳理用到html和css,涉及到少部分的js。 首页轮播图无箭头 /*图片轮播*/ *{ margin:0; /*清除默认边距*/ padding:0; } ul,li{ list-style: none;/*无修饰*/...
  • 该资源仅供网页设计者参考。。大家好好学习。。

空空如也

空空如也

1 2 3 4 5 ... 8
收藏数 149
精华内容 59
关键字:

html期末大作业