叮叮书店(源代码)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<header class="container">
    <div id="logo">
        <a href="index.html"><h1>叮叮书店</h1></a>
    </div>
    <div id="search">
    </div>
</header>
<article>
    <div id="nav"></div>
        <nav class="container">
            <ul>
                <li><a href="index.html">首页</a></li>
                <li><a href="category.html">书籍分类</a></li>
                <li><a href="spcials.html">特刊降价</a></li>
                <li><a href="contact.html">联系我们</a></li>
                <li><a href="about.html">关于我们</a></li>
            </ul>
            <div id="menu-logo">
                <a href="cart.html">购物车</a>
            </div>
        </nav>
    <div id="adv"></div>
    <section>
        <h2 id="title1">本周推荐</h2>
        <section class="recommend">
            <h3>《HTML5权威指南》</h3>
            <a href="#"><img src="images/prod2.jpg" alt="HTML5权威指南"></a>
            <div class="recommend-content">
                <p>作为下一代Web标准,
                    <mark>HTML5</mark>
                    致力于为互联网开发者搭建更加便捷,开放的沟通平台。业界普遍认为,在未来几年内,
                    <mark>HTML5</mark>
                    无疑将成为移动互联网领域的主宰者。本书是系统学习网页设计和移动设计的参考图书。
                </p>
                <p>Adam Freeman,曾在多家名企担任高级职务,现在为畅销技术图书作家,著作有多部c/#,NET和JAva方面的大部头作品.
                   其中《ASP.NET 4高级程序设计(第四版)》,《精通ASP.NET MVC3框架(第3版)》销量均在同品种中名列前茅,备受读者推崇。
                   Freeman专门为网页开发新手和网页设计师打造的经典参考书,这本书秉承作者的一贯风格,幽默风趣,简约凝练,逻辑性强,是广大
                   Web开发人员的必读经典。</p>
            </div>
            <div class="cartmore"><a class="cart" href="cart.html">加入购物车 </a><a class="more" href="details.html">详细内容</a></div>
        </section>
        <section class="cartmore">
            <h3>《JAVAScript权威指南》</h3>
            <a href="#"><img src="images/prod3.jpg" alt="JavaScript权威指南"></a>
            <div class="recommmend-content"><p>经典的JAVAScript工具书,从1996年以来,本书已经成为JavaScript程序员心中
            的《圣经》.</p>
            <p>
                David Flanagan,是一名程序员,也是一位作家。他在Reilly出版的其他畅销书还包括《JavaScript Pocket Reference》,《The Ruby Programing
                 Language》,以及《Java in a Nutshell》。David毕业于麻省理工学院,获得计算机科学与工程学位。他和妻子和孩子一起生活在西雅图和温哥华之间的美国
                太平洋西北海岸。
            </p></div>
            <div class="cartmore"><a class="btn" href="cart.html">加入购物车 </a><a class="btn" href="details.html">详细内容</a></div>
        </section>
    </section>
    <section class="article-section">
        <h2 id="title2">最近新书</h2>
        <section>
            <h3>《HTML5+CSS3从入门到精通》</h3>
            <div class="effect-1">
                <div class="image-box">
                    <img src="images/prod4.jpg" alt="HTML5+CSS3从入门到精通">
                </div>
                <div class="text-desc">
             <p><mark>HTML5</mark>
                 +CSS3从入门到精通》通过基础知识+中小实例+综合案例的方式,讲述了用
                 <mark>HTML5</mark>
                 +CSS3设计构建网站的必备知识,相对于权威指南,高级程序设计,开发指南同类图书,本书是一本适合快速入手的自学教程。
             </p>
            加入购物车 详细内容
                </div>
            </div>
        </section>
        <section>
            <h3>《响应式WEB设计》</h3>
            <div class="effect-1">
                <div class="image-box">
                    <img src="images/prod5.jpg" alt="响应式web设计">
                </div>
                <div class="text-desc">
                    <h3>《响应式web开发》</h3>
                    <p>《响应式web设计:
                        <mark>HTML5</mark>
                        和css3实战》将
                    </p>
                    加入购物车 详细内容
                </div>
            </div>
        </section>
    </section>
    <section class="article-section">
        <h2 id="title3">最近促销</h2>
        <section>
            <h3>《HTML5和CSS3实例教程》</h3>
            <a href="#"><img class="promotion" src="images/prod1.jpg" alt="HTML5和CSS实例教程"></a>
            <div>加入购物车 详细内容</div>
        </section>
        <section>
            <h3>《JAVAScript权威指南》</h3>
            <a href="#"><img class="promotion" src="images/prod3.jpg" alt="JAVAScript权威指南"></a>
            <div>加入购物车 详细内容</div>
        </section>
    </section>
</article>
<aside>
    <section id="advert">
        <a href="#"><img src="images/ad1.jpg" alt="广告"></a>
        <a href="#"><img src="images/ad2.jpg" alt="广告"></a>
        <a href="#"><img src="images/ad3.jpg" alt="广告"></a>
    </section>
    <div class="border"><img src="images/border.gif" alt="分隔线"/></div>
    <section id="best-selling">
        <h2 id="title7">畅销图书</h2>
        <ul>
            <li><a class="selling" href="#">查令十字街84号(珍藏版)(汤唯,吴秀波主演北京遇上西雅图2</a>
                <div class="curr">
                    <div class="p-img">
                        <a title="查令十字街84号(珍藏版)(汤唯,吴秀波主演北京遇上西雅图2)"href="#"><img
                        width="80" height="80" src="images/selling1.jpg"></a>
                    </div>
                    <div class="p-name">
                       <a title=" 查令十字街84号(珍藏版)(汤唯,吴秀波主演北京遇上西雅图2)"
                          href="#">查令十字街84号(珍藏版)(汤唯,吴秀波主演北京遇上西雅图2</a>
                        <strong>&#165 43.50</strong>
                        <del>&#165 52.00</del>
                    </div>
                </div>
            </li>
            <li><a class="selling" href="#">分享经济 供给侧改革的新经济方案</a>
                <div class="curr">
                    <div class="p-img">
                        <a title="分享经济 供给侧改革的新经济方案" href="#"><img width="80" height="80"
                        src="images/selling2.jpg"></a>
                    </div>
                    <div class="p-name">
                        <a title="分享经济 供给侧改革的新经济方案" href="#">分享经济 供给侧改革的新经济方案</a>
                        <strong>&#165 43.50</strong>
                        <del>&#165 52.00</del>
                    </div>
                </div>
            </li>
        </ul>
    </section>
    <div class="border"><img src="images/border.gif" alt="分隔线"/></div>
    <section class="aside-section">
        <h2 id="title4">图书分类</h2>
        <ul>
            <li><a href="category.html">编程语言</a></li>
            <li><a href="category.html">数据库</a></li>
            <li><a href="category.html">图形图像</a></li>
            <li><a href="category.html">网页制作</a></li>
            <li><a href="category.html">考试认证</a></li>
        </ul>
    </section>
    <section class="aside-section">
        <h2 id="title5">合作伙伴</h2>
        <ul>
            <li><a href="#">中国电子商务研究中心</a></li>
            <li><a href="#">中国电子商务研究中心清华大学出版社</a></li>
            <li><a href="#">中国电子商务研究中心中国人民大学出版社</a></li>
            <li><a href="#">中国电子商务研究中心中国社会科学出版社</a></li>
        </ul>
    </section>
    <div class="border"><img src="images/border.gif" alt="分隔线"/></div>
    <section class="about">
        <h2 id="title6">关于书店</h2>
        <img src="images/about.gif" alt="叮叮书店">
        <p>叮叮书店成立于20106月,是由教育部主管,清华大学主办的综合出版单位。根植于“清华”
        这座久负盛名的高等学府,秉承清华人“自强不息,厚的载物”的人文精神。</p>
    </section>
</aside>
<div id="footer-wrapper">
    <footer class="container">
        <section>
            <a href="index.html">首页 </a><a href="about.html">关于我们 </a> <a href="#">服务条款</a> <a href="#">隐私策略</a>
            <a href="contact.html">联系我们</a>
        </section>
    </footer>
</div>
<section id="copyright" class="container">
    Copyright (C) <a href="index.html ">叮叮书店</a> 2016-2018,All Right Reserved | 京ICP证000001 号音像制品经营许可证
    <address>通讯地址:清华大学学研大厦A座 读者服务部&nbsp;&nbsp;电话:(01062781733&nbsp;网管信箱:netadmin@tup.tsinghuA.edu.cn</address>
</section>
</body>
</html>

你可能感兴趣的:(前端,html,html5,css3,css)