HTML+CSS静态页面网页设计作业仿天猫购物商城(7页) 网页设计作业,网页制作作业, 学生网页作业, 网页作业成品, 网页作业模板

最新推荐文章于 2024-06-26 14:19:30 发布

优质内容贡献

最新推荐文章于 2024-06-26 14:19:30 发布

阅读量515

点赞数

分类专栏： web大学生个人网站作业模 html网页设计作业学生div+css静态网页设计成品文章标签： css html css3 商城购物

本文链接：https://blog.csdn.net/qq_524614081/article/details/122349469

版权

HTML5期末大作业：仿天猫购物网站设计——仿天猫购物商城(7页) 网页设计作业,网页制作作业, 学生网页作业, 网页作业成品, 网页作业模板

文章目录

HTML5期末大作业：仿天猫购物网站设计——仿天猫购物商城(7页) 网页设计作业,网页制作作业, 学生网页作业, 网页作业成品, 网页作业模板
一、作品展示
二、文件目录
三、代码实现
四、获取更多源码

一、作品展示

在这里插入图片描述

二、文件目录

在这里插入图片描述

三、代码实现


<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>购物车页面</title>
		<script src="study/js/jquery/2.0.0/jquery.min.js"></script>
		<link href="study/css/bootstrap/3.3.6/bootstrap.min.css" rel="stylesheet">
		<script src="study/js/bootstrap/3.3.6/bootstrap.min.js"></script>
		<link rel="stylesheet" type="text/css" href="study/css/main.css"/>
		<script src="study/js/js/main.js"></script>
	</head>
	<body>
		<!--顶部导航栏-->
		<nav class="top">
			<div class="middle">
				<a href="index.html">
					<span class="glyphicon glyphicon-home redColor"></span>
					天猫首页
				</a>
				<span>喵，欢迎来天猫</span>
				<a href="dl.html">请登录</a>
				<a href="zc.html">免费注册</a>
				
				<span class="pull-right">
					<a href="dd.html">我的订单</a>
					<a href="gwc.html"><span class="glyphicon glyphicon-shopping-cart redColor"></span>购物车<strong>0</strong>件</a>
				</span>
			</div>
		</nav>
		
		<!--搜索栏-->
		<div class="simpleSearchOutDiv">
		    <a href="index.html">
		        <img src="img/site/simpleLogo.png" class="simpleLogo" id="simpleLogo">
		    </a>
		    <div class="simpleSearchDiv pull-right">
		        <input type="text" name="keyword" placeholder="平衡车 原汁机">
		        <button type="button" class="searchButton">搜天猫</button>
		        <div class="searchBelow">
		                    <span>
		                        <a href="产品页面.html">
		                            冰箱
		                        </a>
		                            <span>|</span>             
		                    </span>          
		                    <span>
		                        <a href="产品页面.html">
		                            空调
		                        </a>
		                            <span>|</span>             
		                    </span>          
		                    <span>
		                        <a href="产品页面.html">
		                            女表
		                        </a>
		                            <span>|</span>             
		                    </span>          
		                    <span>
		                        <a href="产品页面.html">
		                            男表
		                        </a>
		                    </span>          
		        </div>
		    </div>
		    <div style="clear:both"></div>
		</div>
		
		<!--购物车页面-->
		<div class="cartDiv">
		    <div class="cartTitle pull-right">
		        <span>已选商品  (不含运费)</span>
		        <span class="cartTitlePrice">￥0.00</span>
		        <button class="createOrderButton" style="background-color: rgb(170, 170, 170);" disabled="disabled">结 算</button>
		    </div>
		    <div class="cartProductList">
		        <table class="cartProductTable">

最低0.47元/天解锁文章

优质内容贡献

关注

0
点赞
踩
7

收藏

觉得还不错? 一键收藏
0
评论
HTML+CSS静态页面网页设计作业仿天猫购物商城(7页) 网页设计作业,网页制作作业, 学生网页作业, 网页作业成品, 网页作业模板

HTML5期末大作业：仿天猫购物网站设计——仿天猫购物商城(7页) 网页设计作业,网页制作作业, 学生网页作业, 网页作业成品, 网页作业模板常见网页设计作业题材有个人、美食、公司、学校、旅游、电商、宠物、电器、茶叶、家居、酒店、舞蹈、动漫、明星、服装、体育、化妆品、物流、环保、书籍、婚纱、军事、游戏、节日、戒烟、电影、摄影、文化、家乡、鲜花、礼品、汽车、其他等网页设计题目, A+水平作业, 可满足大学生网页大作业网页设计需求,
复制链接

扫一扫