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>