h5简单布局练习

最新推荐文章于 2023-03-30 11:11:43 发布

awuoagspn413081924

最新推荐文章于 2023-03-30 11:11:43 发布

阅读量167

点赞数

原文链接：http://www.cnblogs.com/ZGMF/p/7709914.html

版权

<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>