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://m.elefans.com/xitong/1729704481a1210592.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。