<!DOCTYPE html> <html> <head> <title>tmall</title> <!-- 为了被搜索引擎作为流量入口 --> <meta name="keywords" content="keyword1,keyword2,keyword3"> <!-- 搜索引擎快照简介--> <meta name="description" content="this is my page"> <!-- 声明当前页面的字符编码集 ‘http-equiv’属性 --> <meta name="content-type" http-equiv="content-type" content="text/html; charset=utf-8"> <style type="text/css"> *{margin: 0;padding: 0} body{font-size: 12px;font-family: \'微软雅黑\';color: #666} img{border: none;} .top{width:100%;height: 50px;background: #000} .top .t-header{width:90%;height: 50px;margin: 0 auto;} .top .t-header .t-logo{float: left;margin-top: 6px} .top .t-header .t-desc{float: right;line-height: 50px;font-size: 18px;color: #FFF}/*字体大小为偶数倍增长*/ .content{width:100%;height: 600px;background: #6cf} </style> </head> <body> <div class=\'top\' id=\'\'> <div class=\'t-header\'> <div class=\'t-logo\'> <a href=\'#\'> <!-- 为了被蜘蛛爬取 --> <img src=\'images/tmall.png\' alt=\'天猫\' width=\'140\' height=\'35\' /> </a> </div> <div class=\'t-desc\'>天猫双11大数据实时处理</div> </div> </div> <div class=\'content\'></div> </body> </html>
效果：