4.
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>品牌全知道</title> </head> <body> <h1><img src="iknowshouye.jpg" align=" "></h1> <h3><strong>品牌全知道</strong></h3> <ul> <li><img src="icon-1.jpg" align="">理肤泉敏感全知道</li> <li><img src="icon-2.jpg" align="">薇姿健康肌肤全知道</li> <li><img src="icon-3.jpg" align="">中信银行全知道</li> <li><img src="icon-4.jpg" align="">Windows7全知道</li> <li><img src="icon-5.jpg" align="">海信电视全知道</li> <li><img src="icon-6.jpg" align="">多美滋全知道</li> <li><img src="icon-7.jpg" align="">三星全知道</li> </ul> </body> </html>
5.
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>贵美商城-商品购买页</title> <style> header { height: 200px; border: 1px solid red; } section{ height: 400px; border: 1px solid red; } footer{ height: 200px; border: 1px solid red; } </style> </head> <body> <header><h1>贵美商城</h1></header> <section><h1>我的购物车</h1></section> <footer><h1>版权</h1></footer> </body> </html>