HTML5第二章课后作业

1.制作百度知道页面中的“品牌全知道”板块
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>品牌全知道</title>
    <h1><img src="iknowshouye.jpg" width="183" height="39"/></h1>
    <h3>品牌全知道</h3>
</head>
<body>
    <ul>
        <li><img src="icon-1.jpg" width="25" height="17"/>理肤泉敏感全知道</li>
        <li><img src="icon-2.jpg" width="25" height="17"/>薇姿健康肌肤全知道</li>
        <li><img src="icon-3.jpg" width="25" height="17"/>中信银行全知道</li>
        <li><img src="icon-4.gif" width="25" height="17"/>Windows7全知道</li>
        <li><img src="icon-5.jpg" width="25" height="17"/>海信电视全知道</li>
        <li><img src="icon-6.jpg" width="25" height="17"/>多美滋全知道</li>
        <li><img src="icon-7.jpg" width="25" height="17"/>三星手机全知道</li>

    </ul>
</body>
</html>
2.使用HTML5的结构元素布局贵美商城购物车页面
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>贵美商城-商品购买页</title>
    <style>
        header{
            width: 910px;
            height: 150px;
            border: 2px solid red;
            margin: auto;
        }
        section{
            width: 910px;
            height: 380px;
            border: 2px solid red;
            margin: auto;
        }
        footer{
            width: 910px;
            height: 125px;
            border: 2px solid red;
            margin: auto;
        }
        article{
            width: 1000px;
            height: 730px;
            border: 3px solid blue;
        }
    </style>
</head>
<body>
    <article >
        <p>
    <header >
        <img src="tou.png" width="902" height="126"/>
    </header>
        </p>
        <p>
        <section>
        <img src="zhuti.png" width="800" height="380"/>
    </section>
        </p>
        <p>
    <footer>
         <img src="dibu.png" width="891" height="120"/>
    </footer>
        </p>
    </article>
</body>
</html>

阅读更多
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭