admin管理员组文章数量:1655505
效果图:
手机详情页文件 detail.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>手机详情页-综合网购首选-正品低廉,品质保障,配送及时,轻松购物!</title>
<meta name="description"
content="品优购商城-专业的综合网上购物商城,销售家电,数码通讯,电脑,家居百货,服装服饰,母婴,图书,食品等数万个品牌优质商品.便捷,诚信的服务,为您提供愉悦的网上购物体验!"/>
<!--关键字-->
<meta name="keywords" content="网上购物,网上商城,手机,笔记本,电脑,MP3,CD,VCD,DV,相机,数码,配件,手表,存储卡"/>
<!--favicon图标制作-->
<link rel="shortcut icon" href="favicon.ico">
<!--引入初始化样式文件-->
<link rel="stylesheet" href="css/base.css">
<!--引入公共的样式文件-->
<link rel="stylesheet" href="css/common.css">
<!--引入列表页专有样式-->
<link rel="stylesheet" href="css/detail.css">
</head>
<body>
<!--快捷导航模块-->
<section >
<div >
<div >
<ul>
<li>品优购欢迎您! </li>
<li>
<a href="#"> 请登录</a>
<a href="register.html" >免费注册</a>
</li>
</ul>
</div>
<div >
<ul>
<li><a href="#">我的订单</a></li>
<li ></li>
<li ><a href="#">我的品优购 ∨</a></li>
<li ></li>
<li><a href="#">品优购会员</a></li>
<li ></li>
<li><a href="#">企业采购</a></li>
<li ></li>
<li ><a href="#">关注品优购 ∨</a></li>
<li ></li>
<li ><a href="#">客户服务 ∨</a></li>
<li ></li>
<li ><a href="#">网站导航 ∨</a></li>
</ul>
</div>
</div>
</section>
<!--快捷导航栏结束-->
<!--头部模块-->
<header >
<!--logo部分-->
<div ><h1><a href="index.html" title="品优购商城">品优购商城</a></h1></div>
<!--搜索框部分-->
<div>
<div >
<input type="text" placeholder="请输入内容...">
<button >搜索</button>
</div>
<div >
<div><a href="#" >优惠购首发</a></div>
<div><a href="#">亿元优惠</a></div>
<div><a href="#">9.9元团购</a></div>
<div><a href="#">美满99减30</a></div>
<div><a href="#">办公用品</a></div>
<div><a href="#">电脑</a></div>
<div><a href="#">通信</a></div>
</div>
</div>
<!--购物车-->
<div >
<i ></i>
<a href="#">我的购物车 ></a>
<i >80</i>
</div>
</header>
<!--头部模块结束-->
<!--nav模块制作-->
<nav >
<div >
<!--左盒子标签-->
<div >
<div >全部商品分类</div>
</div>
<!--右盒子详情-->
<div >
<ul>
<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>
</nav>
版权声明:本文标题:品优购商城——手机详情页(作业) 内容由热心网友自发贡献,该文观点仅代表作者本人, 转载请联系作者并注明出处:https://www.elefans.com/xitong/1729704481a1210592.html, 本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。
发表评论