web前端第三次作业

最新推荐文章于 2024-09-30 15:42:36 发布
最新推荐文章于 2024-09-30 15:42:36 发布
阅读量126 收藏
点赞数 2
文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xiaolin_ss/article/details/140424515
版权 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>淘宝商品页面</title>
    
    <style>
        .box{
            width: 90%;
            margin: auto;
            float: left;
            margin-left: 110px;
        }
        .prod{
            width: 234px;
            height: 366px;
            list-style: none;
            border: 1px solid #f2f2f2;
            display: inline-block;
            line-height: 1.6;
            margin-left: -5px;
            
        }
        .prod-href{
            text-decoration: none;
        }
        .prod:hover{
            border-color: red;
        }
     
        .prod-intoduce-span{
            color: #9b9b9b;
            font-size: 14px;
        }
        .prod-price{
            font-size: 19px;
            color: red;
        }
        .prod-boss{
            color: #9b9b9b;
            font-size: 12px;
        }
        .prod-sale{
            color: #9b9b9b;
            font-size: 12px;
            border-top: 1px solid #f2f2f2;
            text-align: right;
            padding-top: 10px;
        }

        .prod-test-box{
            width: 210px;
            height: 340px;
            margin: auto;
            margin-top: 15px;
        }

         .firstbox{
            height: 15px;
            width: 100%;
            /* border: 1px solid black; */
            text-align: center;
           
         }

         .firstbox li{
            width: 5%;
            height: 100%;
            display: inline-block;
            /* border: 1px solid black; */
            list-style:none;
            font-size: 12px; 
         }
         #second{
            width: 220px;
         }
         .one,.two{
            float: left;
            /* border: 1px solid black; */
            margin-top: 20px;

         }
         .one{
            width: 20%;
            height: 130px;
            margin-left: 150px;
            text-align: center;
            padding-top: 20px;
         }
         .two{
            width: 60%;
            height:130px ;
         }
         .three,.four{
            float: left;
            border: 2px solid black;
            margin-top: 20px;
         }
         .three{
            width: 70%;
            height: 40px;
         }
         .four{
            width: 10%;
            height: 40px;
            text-align: center;
            font-size: 25px;
            background-color: rgb(238, 158, 54);
           

         }
          .five{
            display: inline-block;
          }
         .five li{
            float: left;
           
            height: 20px;
            /* border: 1px solid black; */
            list-style: none;
            margin-left: 11px;
         }
    </style>
</head>
<body>
      <div class="firstbox">
        <li id="first"> </li>
        <li>中国大陆</li>
        <li>亲，请登录</li>
        <li>免费注册</li>
        <li>手机逛淘宝</li>
        <li>网页无障碍</li>
        <li id="second"></li>
        <li>淘宝网首页</li>
        <li>我的淘宝</li>
        <li>购物车</li>
        <li>收藏夹</li>
        <li>商品分类</li>
        <li>免费开店</li>
        <li>千牛卖家中心</li>
        <li>帮助中心</li>
        <li id="end"></li>
      </div>

     <div class="one">
        <img src="https://img.alicdn.com/tfs/TB1R5fsgyDsXe8jSZR0XXXK6FXa-281-80.jpg" alt="">
     </div>
     <div class="two">
        <div class="three"></div>
        <div class="four">搜索</div>
        <div class="five">
            <li>一淘限时抢</li>
            <li>女包包</li>
            <li>mac</li>
            <li>沐浴露</li>
            <li>口红</li>
            <li>床</li>
            <li>手机</li>
            <li>手表</li>
            <li>苹果</li>
            <li>窗帘</li>
            <li>零食</li>
        </div>
     </div>






    <div class="box">
        <ul class="prods">
            <!-- 编写一个商品链接 -->
             <li class="prod">
                <a class="prod-href" href="https://item.taobao.com/item.htm?id=668471446102&ali_refid=a3_430673_1006:1121635483:N:P%2FZ32%2FrV%2FQXfQRA2YhUlJQ%3D%3D:077f30b74a795404c75ac5adf204495a&ali_trackid=1_077f30b74a795404c75ac5adf204495a&spm=a2e0b.20350158.31919782.1&bxsign=tanBrTy6OAHn3_9mUgdEEknyXxFFMi7eypWKYKcICDB7Yl2gTNSl27xSTVBq4v3VqDW4ciyC_uHd2yFG8tFgOTqDYaDt1Ub3Gkjg_GxQT87elM">
                    <div class="prod-test-box">
                        <img class="prod-img" width="200px" height="200px" src="https://img.alicdn.com/imgextra/i2/52523936/O1CN01FymFaz1ewjsD7Bye6_!!0-saturn_solar.jpg_360x360xzq75.jpg_.webp" alt="">
                        
                        <div class="prod-introduce">
                            <span class="prod-intoduce-span">全店批发价 800多款得力办公用品一站购</span>
                        </div>
                        <div class="prod-price">￥66</div>
                        <div class="prod-boss">沐寻办公用品批发部</div>
                        <div class="prod-sale">月销9999+</div>
                    </div>
                </a>
             </li>
             <li class="prod">
                <a class="prod-href" href="https://item.taobao.com/item.htm?id=668471446102&ali_refid=a3_430673_1006:1121635483:N:P%2FZ32%2FrV%2FQXfQRA2YhUlJQ%3D%3D:077f30b74a795404c75ac5adf204495a&ali_trackid=1_077f30b74a795404c75ac5adf204495a&spm=a2e0b.20350158.31919782.1&bxsign=tanBrTy6OAHn3_9mUgdEEknyXxFFMi7eypWKYKcICDB7Yl2gTNSl27xSTVBq4v3VqDW4ciyC_uHd2yFG8tFgOTqDYaDt1Ub3Gkjg_GxQT87elM">
                    <div class="prod-test-box">
                        <img class="prod-img" width="200px" height="200px" src="https://img.alicdn.com/imgextra/i2/1985745737/O1CN01DFtAgj1sFbAwIEpT1_!!1985745737-0-alimamacc.jpg_360x360xzq75.jpg_.webp" alt="">
                        
                        <div class="prod-introduce">
                            <span class="prod-intoduce-span">全店批发价 800多款得力办公用品一站购</span>
                        </div>
                        <div class="prod-price">￥66</div>
                        <div class="prod-boss">沐寻办公用品批发部</div>
                        <div class="prod-sale">月销9999+</div>
                    </div>
                </a>
             </li>
             <li class="prod">
                <a class="prod-href" href="https://item.taobao.com/item.htm?id=668471446102&ali_refid=a3_430673_1006:1121635483:N:P%2FZ32%2FrV%2FQXfQRA2YhUlJQ%3D%3D:077f30b74a795404c75ac5adf204495a&ali_trackid=1_077f30b74a795404c75ac5adf204495a&spm=a2e0b.20350158.31919782.1&bxsign=tanBrTy6OAHn3_9mUgdEEknyXxFFMi7eypWKYKcICDB7Yl2gTNSl27xSTVBq4v3VqDW4ciyC_uHd2yFG8tFgOTqDYaDt1Ub3Gkjg_GxQT87elM">
                    <div class="prod-test-box">
                        <img class="prod-img" width="200px" height="200px" src="https://img.alicdn.com/imgextra/i1/1710930009/O1CN011hI3IW1BwAX3wluoq_!!0-saturn_solar.jpg_360x360xzq75.jpg_.webp" alt="">
                        
                        <div class="prod-introduce">
                            <span class="prod-intoduce-span">全店批发价 800多款得力办公用品一站购</span>
                        </div>
                        <div class="prod-price">￥66</div>
                        <div class="prod-boss">沐寻办公用品批发部</div>
                        <div class="prod-sale">月销9999+</div>
                    </div>
                </a>
             </li>
             <li class="prod">
                <a class="prod-href" href="https://item.taobao.com/item.htm?id=668471446102&ali_refid=a3_430673_1006:1121635483:N:P%2FZ32%2FrV%2FQXfQRA2YhUlJQ%3D%3D:077f30b74a795404c75ac5adf204495a&ali_trackid=1_077f30b74a795404c75ac5adf204495a&spm=a2e0b.20350158.31919782.1&bxsign=tanBrTy6OAHn3_9mUgdEEknyXxFFMi7eypWKYKcICDB7Yl2gTNSl27xSTVBq4v3VqDW4ciyC_uHd2yFG8tFgOTqDYaDt1Ub3Gkjg_GxQT87elM">
                    <div class="prod-test-box">
                        <img class="prod-img" width="200px" height="200px" src="https://img.alicdn.com/imgextra/i1/112008198/O1CN01yiNZEh2AQjuus0T17_!!0-saturn_solar.jpg_360x360xzq75.jpg_.webp" alt="">
                        
                        <div class="prod-introduce">
                            <span class="prod-intoduce-span">全店批发价 800多款得力办公用品一站购</span>
                        </div>
                        <div class="prod-price">￥66</div>
                        <div class="prod-boss">沐寻办公用品批发部</div>
                        <div class="prod-sale">月销9999+</div>
                    </div>
                </a>
             </li>
             <li class="prod">
                <a class="prod-href" href="https://item.taobao.com/item.htm?id=668471446102&ali_refid=a3_430673_1006:1121635483:N:P%2FZ32%2FrV%2FQXfQRA2YhUlJQ%3D%3D:077f30b74a795404c75ac5adf204495a&ali_trackid=1_077f30b74a795404c75ac5adf204495a&spm=a2e0b.20350158.31919782.1&bxsign=tanBrTy6OAHn3_9mUgdEEknyXxFFMi7eypWKYKcICDB7Yl2gTNSl27xSTVBq4v3VqDW4ciyC_uHd2yFG8tFgOTqDYaDt1Ub3Gkjg_GxQT87elM">
                    <div class="prod-test-box">
                        <img class="prod-img" width="200px" height="200px" src="https://img.alicdn.com/imgextra/i1/31536383/O1CN015QUlaH1x1T2PD9nVa_!!0-saturn_solar.jpg_360x360xzq75.jpg_.webp" alt="">
                        
                        <div class="prod-introduce">
                            <span class="prod-intoduce-span">全店批发价 800多款得力办公用品一站购</span>
                        </div>
                        <div class="prod-price">￥66</div>
                        <div class="prod-boss">沐寻办公用品批发部</div>
                        <div class="prod-sale">月销9999+</div>
                    </div>
                </a>
             </li>
             <li class="prod">
                <a class="prod-href" href="https://item.taobao.com/item.htm?id=668471446102&ali_refid=a3_430673_1006:1121635483:N:P%2FZ32%2FrV%2FQXfQRA2YhUlJQ%3D%3D:077f30b74a795404c75ac5adf204495a&ali_trackid=1_077f30b74a795404c75ac5adf204495a&spm=a2e0b.20350158.31919782.1&bxsign=tanBrTy6OAHn3_9mUgdEEknyXxFFMi7eypWKYKcICDB7Yl2gTNSl27xSTVBq4v3VqDW4ciyC_uHd2yFG8tFgOTqDYaDt1Ub3Gkjg_GxQT87elM">
                    <div class="prod-test-box">
                        <img class="prod-img" width="200px" height="200px" src="https://img.alicdn.com/imgextra/i2/2413470151/O1CN01EaRd6w1CzCm790TE3_!!0-saturn_solar.jpg_360x360xzq75.jpg_.webp" alt="">
                        
                        <div class="prod-introduce">
                            <span class="prod-intoduce-span">全店批发价 800多款得力办公用品一站购</span>
                        </div>
                        <div class="prod-price">￥66</div>
                        <div class="prod-boss">沐寻办公用品批发部</div>
                        <div class="prod-sale">月销9999+</div>
                    </div>
                </a>
             </li>
             <li class="prod">
                <a class="prod-href" href="https://item.taobao.com/item.htm?id=668471446102&ali_refid=a3_430673_1006:1121635483:N:P%2FZ32%2FrV%2FQXfQRA2YhUlJQ%3D%3D:077f30b74a795404c75ac5adf204495a&ali_trackid=1_077f30b74a795404c75ac5adf204495a&spm=a2e0b.20350158.31919782.1&bxsign=tanBrTy6OAHn3_9mUgdEEknyXxFFMi7eypWKYKcICDB7Yl2gTNSl27xSTVBq4v3VqDW4ciyC_uHd2yFG8tFgOTqDYaDt1Ub3Gkjg_GxQT87elM">
                    <div class="prod-test-box">
                        <img class="prod-img" width="200px" height="200px" src="https://img.alicdn.com/imgextra/i4/5476915554/O1CN01AQDk981qtmfqD0jLE_!!0-saturn_solar.jpg_360x360xzq75.jpg_.webp" alt="">
                        
                        <div class="prod-introduce">
                            <span class="prod-intoduce-span">全店批发价 800多款得力办公用品一站购</span>
                        </div>
                        <div class="prod-price">￥66</div>
                        <div class="prod-boss">沐寻办公用品批发部</div>
                        <div class="prod-sale">月销9999+</div>
                    </div>
                </a>
             </li>
             <li class="prod">
                <a class="prod-href" href="https://item.taobao.com/item.htm?id=668471446102&ali_refid=a3_430673_1006:1121635483:N:P%2FZ32%2FrV%2FQXfQRA2YhUlJQ%3D%3D:077f30b74a795404c75ac5adf204495a&ali_trackid=1_077f30b74a795404c75ac5adf204495a&spm=a2e0b.20350158.31919782.1&bxsign=tanBrTy6OAHn3_9mUgdEEknyXxFFMi7eypWKYKcICDB7Yl2gTNSl27xSTVBq4v3VqDW4ciyC_uHd2yFG8tFgOTqDYaDt1Ub3Gkjg_GxQT87elM">
                    <div class="prod-test-box">
                        <img class="prod-img" width="200px" height="200px" src="https://img.alicdn.com/imgextra/i1/30113799/O1CN015C3kft1dvzYskXcSR_!!0-saturn_solar.jpg_360x360xzq75.jpg_.webp" alt="">
                        
                        <div class="prod-introduce">
                            <span class="prod-intoduce-span">全店批发价 800多款得力办公用品一站购</span>
                        </div>
                        <div class="prod-price">￥66</div>
                        <div class="prod-boss">沐寻办公用品批发部</div>
                        <div class="prod-sale">月销9999+</div>
                    </div>
                </a>
             </li>
             <li class="prod">
                <a class="prod-href" href="https://item.taobao.com/item.htm?id=668471446102&ali_refid=a3_430673_1006:1121635483:N:P%2FZ32%2FrV%2FQXfQRA2YhUlJQ%3D%3D:077f30b74a795404c75ac5adf204495a&ali_trackid=1_077f30b74a795404c75ac5adf204495a&spm=a2e0b.20350158.31919782.1&bxsign=tanBrTy6OAHn3_9mUgdEEknyXxFFMi7eypWKYKcICDB7Yl2gTNSl27xSTVBq4v3VqDW4ciyC_uHd2yFG8tFgOTqDYaDt1Ub3Gkjg_GxQT87elM">
                    <div class="prod-test-box">
                        <img class="prod-img" width="200px" height="200px" src="https://img.alicdn.com/imgextra/i4/2390140164/O1CN01E2DYtR1D59si3d17L_!!0-saturn_solar.jpg_360x360xzq75.jpg_.webp" alt="">
                        
                        <div class="prod-introduce">
                            <span class="prod-intoduce-span">全店批发价 800多款得力办公用品一站购</span>
                        </div>
                        <div class="prod-price">￥66</div>
                        <div class="prod-boss">沐寻办公用品批发部</div>
                        <div class="prod-sale">月销9999+</div>
                    </div>
                </a>
             </li>
             <li class="prod">
                <a class="prod-href" href="https://item.taobao.com/item.htm?id=668471446102&ali_refid=a3_430673_1006:1121635483:N:P%2FZ32%2FrV%2FQXfQRA2YhUlJQ%3D%3D:077f30b74a795404c75ac5adf204495a&ali_trackid=1_077f30b74a795404c75ac5adf204495a&spm=a2e0b.20350158.31919782.1&bxsign=tanBrTy6OAHn3_9mUgdEEknyXxFFMi7eypWKYKcICDB7Yl2gTNSl27xSTVBq4v3VqDW4ciyC_uHd2yFG8tFgOTqDYaDt1Ub3Gkjg_GxQT87elM">
                    <div class="prod-test-box">
                        <img class="prod-img" width="200px" height="200px" src="https://img.alicdn.com/imgextra/i1/49313621/O1CN015jfN8P1ccSttDLDbl_!!0-saturn_solar.jpg_360x360xzq75.jpg_.webp" alt="">
                        
                        <div class="prod-introduce">
                            <span class="prod-intoduce-span">全店批发价 800多款得力办公用品一站购</span>
                        </div>
                        <div class="prod-price">￥66</div>
                        <div class="prod-boss">沐寻办公用品批发部</div>
                        <div class="prod-sale">月销9999+</div>
                    </div>
                </a>
             </li>

             
        </ul>
    </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>taobao</title>
<style>
    body{
        background-color: #f2f2f2b0
    }
.top{
    width: 100%;
    height: 150px;
    /* border: 1px solid red; */
}
.top-inner{
    width: 50%;
    height: 40%;
    /* border: 1px solid black; */
   margin-top: 30px;
   margin-left: 150px;
}
.box{
    width: 60%;
    margin: auto;
    height: 450px;
    border: 1px solid #fffcfc;
    background-color: #ffffff;
    box-shadow: 2px 2px 2px rgb(227, 222, 222);
}
.left{
    float: left;
    width: 60%;
    height: 100%;
    /* border: 1px solid black; */
}
.right{
    float: left;
    width: 39%;
    height: 100%;
    /* border: 1px solid black; */
}
.title{
    width: 100%;
    height: 50px;
    /* border: 1px solid black; */
    margin-top: 50px;
}
span{
    font-size: 20px;
    margin-left: 110px;
    
}
.input1,.input2{
    width: 100%;
    height:70px ;
    /* border: 1px solid black; */

}
.input-type,.input-typeTwo{
    width: 70%;
    height: 45%;
    margin-left: 70px;
    margin-top: 30px;

}
.login{
    width: 100%;
    height: 100px;
    /* border: 1px solid black; */
    
}

#login{
    width: 70%;
    height:35% ;
    margin-left: 70px;
    margin-top: 50px;
    background-color: chocolate;
}
#size{
    font-size: 13px;
    margin-left:180px;
    
}

li{
    display: inline-block;
    list-style: none;
    margin-left: 10px;
    font-size: 13px;

}
.botton{
    margin-left: 125px;
}
.right-top{
    width: 100%;
    height: 50px;
    /* border: 1px black; */
    margin-top: 50px;
    margin-left: 70px;
    font-size: 25px;
}
.right-lun{
    width: 100%;
    height: 250px;
    /* border: 1px solid black; */
 
}
.img{
    margin-left: 70px;
}
.right-bottom{
    margin-left: 85px;
    margin-top: 20px;
}
</style>
</head>
<body>
    


<div class="top">
    <div class="top-inner"><img src="./taobaoimg.png" alt=""></div>
</div>

<form action="">
<div class="box">
    <div class="left">
        <div class="title">
            <span><b>密码登录</b></span>
            <span><b>短信登录</b></span>
        </div>
        <div class="input1">
            <input class="input-type" type="text" placeholder="账号名/邮箱/手机号">
        </div>
        <div class="input2">
            <input class="input-typeTwo" type="password" placeholder="请输入登录密码">
        </div>
        <div class="login">
            <button id="login"><b>登录</b></button>
        </div>
        
            <span id="size">支付宝登录|钉钉登录</span>
            <div class="botton"><li >免费注册</li>
                <li >忘记账号名</li>
                <li >忘记密码</li>
            </div>
            
    </div>



    <div class="right">
        <div class="right-top">手机扫码安全登录</div>
        <div class="right-lun">
            <img class="img" src="./二维码.png" alt="">
        </div>
        <div class="right-bottom">
            <li>打开</li>
            <li>淘宝</li>
            <li>天猫</li>
            <li>App扫码</li>
        </div>
    
</div>
</form>

</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>学校官网</title>
<style>
    .top{
        width: 30%;
        height: 100px;
        /* border: 1px solid black; */
        float: left;
    }
    .top-two{
        width: 69.5%;
        height: 100px;
        /* border: 1px solid black; */
        float: left;
    }
    li{
        list-style: none;
        display: inline-block;
       font-size: 13px;
       margin-top: 40px;
       margin-left: 20px;
    }
    .box{
        width: 100%;
        height: 700px;
        border: 1px solid black;
        background-image: url("https://www.cdcas.edu.cn/wp-content/uploads/sites/42/sites/42/2024/06/20221010102749-1.jpg");
        background-size: cover;
        float: left;
    }
</style>

</head>
<body>
    <div class="top">
        <img src="./官网.png" alt="">
    </div>
    <div class="top-two">
        <li>首页</li>
        <li>学校概况</li>
        <li>新闻公告</li>
        <li>教学科研</li>
        <li>综改评建</li>
        <li>国际交流</li>
        <li>招生</li>
        <li>就业</li>
        <li>学院设置</li>
        <li>学子风采</li>
        <li>信息公开</li>
        <li>公共服务</li>
        <li>队伍建设</li>
    </div>

    <div class="box"></div>
</body>
</html>

再卷还是菜
关注
web第二次作业.zip 表单设计，web前端
11-01
"web第二次作业.zip"这个压缩包文件似乎包含了关于Web前端开发中表单设计的学习资料，具体分为三个部分：2_files、1_files和电影网_files。下面将对这些知识点进行详细解释。 1. **HTML表单基础**： HTML表单是...
web前端期末大作业，附带源码以及大作业说明书
07-23
6. vendor/：第三方库或插件的目录。 7. README.md：大作业的说明书，解释项目目标、技术栈和使用方法。 8. build/：如果使用了构建工具，这里会包含编译后的文件。 9. .gitignore：用于忽略版本控制不必要的文件。 ...
Web前端第三次作业
shayell的博客
07-22 162
【代码】Web前端第三次作业。
Web前端第一次作业
Fantasy543210的博客
07-08 928
这个家伙什么也没留下
WEB前端第三次作业
weixin_71169037的博客
03-17 118
WEB前端第三次作业
Web 前端第三次作业
weixin_30337157的博客
09-19 182
position：fixed； 结论：是用于选择模块位置的固定定位。上下滑动页面，该选中模块不会移动。 position：absolute； 结论：生成绝对定位元素，相对于浏览器窗口进行定位。元素位置通过“left”、“right”、“top”、“bottom”.属性进行规定。 转载于:https://www.cnblogs.com/yangjianyu/p/9678351.html...
web前端html期末大作业实例 (1500套)
热门推荐
HTML网页设计
10-03 9万+
临近期末，大一新生的各种考试和专业结课作业纷至沓来。web实训大作业、网页期末作业、web课程与设计、网页设计等，简直让人头大。你还在为网页设计老师的作业要求感到头大？网页作业无从下手？网页要求的总数量太多？没有合适的模板？等等一系列问题。你想要解决的问题，在这篇博文中基本都能满足你的需求, 废话不多说，直接看效果。📔网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。📓网站程序方面：计划采用最新的网页编程语言HTML5+CSS3+JS程序语言完成网站的功能设计。并确
web前端 第一次作业
qq_68389880的博客
10-28 477
web，html，部分基本标签概述
web前端第一次作业
cqh205的博客
07-08 252
要求如图效果图： 代码图： 制作银行汇款单图效果图： 代码图：制作古诗图效果图： 代码图： 制作热门电影模块效果图：代码图：
web前端html5网页作业,Web前端开发第一次作业
weixin_39957027的博客
06-21 799
(1)分别说出什么是HTML,XHTML,HTML5HTML为一种超文本标记语言,用这种语言浏览器几乎都能识别.独立于各种操作系统平台.XHTML为一种可扩展超文本标记语言,表现方式于超文本标记语言类似,不过语法比较严格.HTML5是用于取代HTMLH和XHTML的一个标准版本.(2)写出HTML的语法语法不区分字母大小写。(3)HTML中的注释和CSS中的注释HTML的注释:CSS注释:(4)C...
web前端期末大作业（附有源码）
m0_74087268的博客
12-28 1万+
这里使用的是Visual Studio Code（VSCode）设计的Web前端作业，包括了HTML、CSS和JavaScript。选用VSCode作为开发环境和工具来说有诸多优势之处，也给设计前端时带来了诸多益处。首先，是VSCode智能代码提示和补全。VSCode具备强大的代码提示功能，能够根据输入和上下文提供智能建议，减少拼写错误和语法问题，提高编码效率。其次，VSCode拥有丰富的扩展生态系统。
web前端开发基础作业考核试题大全.pdf
07-14
Web 前端开发基础知识点总结 本资源摘要信息将对《web 前端开发基础》作业考核试题题库大全进行...本资源摘要信息涵盖了《web 前端开发基础》作业考核试题题库大全中的大部分知识点，为读者提供了一个系统的学习导航。
Web前端—第4课实操作业.rar
11-12
"Web前端—第4课实操作业.rar" 这个标题表明了这是一个与Web前端开发相关的学习资料，具体来说是第四课的实践作业。在Web前端领域，这可能涉及到HTML、CSS、JavaScript等基础技术，或者更高级的框架如React、Vue、...
Web前端期末作业项目.rar
12-20
在这个"Web前端期末作业项目"中，学弟可能使用了HTML5的新特性来构建网页内容，用CSS3来设计炫酷的视觉效果，并借助JavaScript实现动态交互。尽管描述中提到页面还有一些空白地方待填充，这表明该项目可能尚未完全...
day01
JiangMeiXue的博客
09-25 246
目录。
登录功能开发 P167重点
最新发布
2303_81204446的博客
09-30 124
前端无法识别controller方法，因此存在Dispa什么的。Claims：jwt中的第二部分。
Web认识 -- 第一课
ZxVSaccount的博客
09-30 699
这里是我们进入前端学习的开端,在本次更新之后我会陆续上传html,css,javaScript等相关语言的教程,有感兴趣的小伙伴们点点关注,未来我们一起学习!IE、火狐和谷歌是目前互联网上的三大浏览器，其他常用的浏览器还有苹果的Safari浏览器和欧朋浏览器等。对于一般的网站，只要兼容IE浏览器、火狐浏览器和谷歌浏览器，就能满足绝大多数用户的需求。本节主要简单介绍了一下关于HTML、CSS、JavaScript的一些基本概念,有感兴趣的朋友,点点关注我们一起学习,博主持续更新中!
Webpack 打包后文件过大，如何优化？
官方推荐
09-30 1720
Webpack 打包后文件过大，如何优化？
web前端大作业源码免费
07-14
是的，有些web前端大作业的源码是可以免费获取的。正如在各种开源社区和代码分享平台上所见，许多前端开发者乐于将他们的作品共享给其他人使用。 免费获取web前端大作业源码有几个好处。首先，对于学习者来说，这些...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值