HTML5和CSS3开发第二章课后作业

1,制作百度知道页面中的“品牌全知道”板块

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>品牌全知道</title>
</head>
<body>
    <p>
        <img src="images/iknowshouye.jpg">
    </p>
    <h3>品牌全知道</h3>
    <ul>
        <li>
            <img src="images/icon-1.jpg">理肤泉敏感全知道
        </li>
        <li>
            <img src="images/icon-2.jpg">薇姿健康肌肤全知道
        </li>
        <li>
            <img src="images/icon-3.jpg">中信银行全知道
        </li>
        <li>
            <img src="images/icon-4.jpg">Windows7全知道
        </li>
        <li>
            <img src="images/icon-5.jpg">海信电视全知道
        </li>
        <li>
            <img src="images/icon-6.jpg">多美滋全知道
        </li>
        <li>
            <img src="images/icon-7.jpg">三星手机全知道8
        </li>
    </ul>
</body>
</html>

2,使用HTML5的结构元素布局网上商城购物页面(写出框架即可)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>1号店首页</title>
    <style>
        header,section,footer{
            height: 200px;
            border: 1px solid red;
        }
    </style>
</head>
<body>
    <header>
        <img src="images/1.png" width="1380" height="150"/>
    </header>
    <section>
        <img src="images/2.png" width="1380" height="700"/>
    </section>
    <footer>
        <img src="images/3.png" width="1380" height="500"/>
    </footer>
</body>
</html>

猜你喜欢

转载自blog.csdn.net/suixincaesar/article/details/80693266