html5charpter2
/
index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="index.css" type="text/css">
</head>
<body>
        <head>
            <h1>新浪导航</h1>
        </head>
        <section class="main">
            <div class="center-nav">
                <ul>
                    <li class="item">
                        <img src="./img/baidu.png" alt=""><br/>百度
                    </li>
                      <li class="item">
                        <img src="./img/baidu.png" alt=""><br/>百度
                    </li>
                      <li class="item">
                        <img src="./img/baidu.png" alt=""><br/>百度
                    </li>
                      <li class="item">
                        <img src="./img/baidu.png" alt=""><br/>百度
                    </li>
                      <li class="item">
                        <img src="./img/baidu.png" alt=""><br/>百度
                    </li>
                      <li class="item">
                        <img src="./img/baidu.png" alt=""><br/>百度
                    </li>
                      <li class="item">
                        <img src="./img/baidu.png" alt=""><br/>百度
                    </li>
                      <li class="item">
                        <img src="./img/baidu.png" alt=""><br/>百度
                    </li>
                      <li class="item">
                        <img src="./img/baidu.png" alt=""><br/>百度
                    </li>
                      <li class="item">
                        <img src="./img/baidu.png" alt=""><br/>百度
                    </li>
                  <div class="clera" style="clear: both">
                  </div>
                </ul>
            </div>
            <div class="urls-nav">
                <ul class="urls">
                    <li class="urla"><a href="#">新闻</a></li>
                    <li class="url"><a href="#">房产资讯</a></li>
                    <li class="url"><a href="#">新浪</a></li>
                    <li class="url"><a href="#">网易</a></li>
                    <li class="url"><a href="#">腾讯</a></li>
                    <div class="clera" style="clear: both">
                  </div>
                </ul>
                <ul class="urls">
                    <li class="urla"><a href="#">财经</a></li>
                    <li class="url"><a href="#">东方</a></li>
                    <li class="url"><a href="#">和讯</a></li>
                    <li class="url"><a href="#">新浪</a></li>
                    <li class="url"><a href="#">凤凰</a></li>
                    <div class="clera" style="clear: both">
                  </div>
                </ul>
                <ul class="urls">
                    <li class="urla"><a href="#">汽车</a></li>
                    <li class="url"><a href="#">二手车</a></li>
                    <li class="url"><a href="#">新浪汽车</a></li>
                    <li class="url"><a href="#">汽车之家</a></li>
                    <li class="url"><a href="#">太平洋</a></li>
                    <div class="clera" style="clear: both">
                  </div>
                </ul>
            </div>
        </section>
        <div class="footer">
            <ul class="footer-nav">
                <li class="foot"><a href="#">首页</a></li>
                <li class="foot"><a href="#">新闻</a></li>
                <li class="foot"><a href="#">体育</a></li>
                <li class="foot"><a href="#">娱乐</a></li>
                <li class="foot"><a href="#">导航</a></li>
                <div class="clera" style="clear: both">
                  </div>
            </ul>
        </div>
        <p>
            -合作<br/>

            Copyright&Copyright 2016 sina.com
        </p>
</body>
</html>