h5简单布局练习 

<body>
<header class="header">
    <h1>XXX公司</h1>
    <nav>
        <a href="#">a</a>
        <a href="#">b</a>
        <a href="#">c</a>
        <a href="#">d</a>
        <a href="#">e</a>
        <a href="#">f</a>
        <span>xxx电话</span>
    </nav>
    <div class="banner"></div>
</header>
<main>
    <aside>
        <section>
            <h3>产品分类</h3>
            <ul>
                <li></li>
                <li></li>
                <li></li>
            </ul>
        </section>
        <section>
            <h3>联系我们</h3>
            <ul>
                <li></li>
                <li></li>
                <li></li>
            </ul>
        </section>
    </aside>
    <section class="content" >
        <section class="company">
            <h3>公司简介</h3>
            <figure>
                <img src="" alt="">
                <figcation>xxxx</figcation>
            </figure>
        </section>
        <section>
            <h3>应用领域</h3>
        </section>
        <section>
            <h3>产品列表</h3>
            <ul>
                <li><img src="" alt=""></li>
                <li><img src="" alt=""></li>
                <li><img src="" alt=""></li>
            </ul>
        </section>
    </section>
</main>
<footer>
    <div>
        <a href=""></a>
        <a href=""></a>
        <a href=""></a>
        <a href=""></a>
        <a href=""></a>
        <a href=""></a>
    </div>
</footer>
</body>

 

posted @ 2017-10-22 15:17  后期-小a  阅读(876)  评论(0)    收藏  举报