Untitled

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图片轮播</title>
    <link href="css/style.css" rel="stylesheet">
</head>
<body>
<header>
    <img src="images/logo.png">
    <div id="showImage">
        <ul id="image">
            <li><img src="images/keyboard1.png"></li>
            <li><img src="images/keyboard2.png"></li>
            <li><img src="images/keyboard1.png"></li>
            <li><img src="images/keyboard3.png"></li>
        </ul>
        <ul id="mark">
            <li></li>
            <li></li>
            <li></li>
            <li></li>
        </ul>
    </div>
    <h1>头条·<span>开湖</span><span>大闸蟹已捕捞，你的厨房准备好了……</span></h1>
</header>
<section>
    <div class="left">
        <h2>手机大集合</h2>
        <h4>是时候换个新手机了</h4>
        <p>给自己一点惊喜</p>
        <img src="images/mobilePhone1.png">
        <img src="images/mobilePhone2.png">
        <img src="images/mobilePhone3.png">
    </div>
    <div class="right">
        <h2>吃点好的很必要</h2>
        <h4>秋冬吃货礼品清单</h4>
        <img class="snack" src="images/snacks.png">
    </div>
    <div class="right">
        <img src="images/blackEye.png">
    </div>
</section>
<footer>
    <ul id="tab">
        <li>
            人气
            <div>
                <div>
                    <img src="images/mobilePhone4.png">
                    <p>iPhone7 128G颜色随机 正品包邮</p>
                </div>
                <div>
                    <img src="images/mobilePhone5.png">
                    <p>iPhone7 32G颜色随机 正品包邮</p>
                </div>
            </div>
        </li>
        <li>
            新品
            <div>
                <div>
                    <img src="images/mobilePhone5.png">
                    <p>iPhone7 128G颜色随机 正品包邮</p>
                </div>
                <div>
                    <img src="images/mobilePhone4.png">
                    <p>iPhone7 32G颜色随机 正品包邮</p>
                </div>
            </div>
        </li>
        <li>
            最快
            <div>
                <div>
                    <img src="images/mobilePhone5.png">
                    <p>iPhone7 128G颜色随机 正品包邮</p>
                </div>
                <div>
                    <img src="images/mobilePhone5.png">
                    <p>iPhone7 32G颜色随机 正品包邮</p>
                </div>
            </div>
        </li>
        <li>
            高价
            <div>
                <div>
                    <img src="images/mobilePhone4.png">
                    <p>iPhone7 128G颜色随机 正品包邮</p>
                </div>
                <div>
                    <img src="images/mobilePhone4.png">
                    <p>iPhone7 32G颜色随机 正品包邮</p>
                </div>
            </div>
        </li>
        <li>
            低价
            <div>
                <div>
                    <img src="images/mobilePhone1.png">
                    <p>iPhone7 128G颜色随机 正品包邮</p>
                </div>
                <div>
                    <img src="images/mobilePhone2.png">
                    <p>iPhone7 32G颜色随机 正品包邮</p>
                </div>
            </div>
        </li>
    </ul>
</footer>
</body>
<script src="js/script.js" rel="script"></script>
</html>