1. 程式人生 > >h5簡單布局練習

h5簡單布局練習

公司 head any class nbsp alt fig 領域 ann

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

h5簡單布局練習