1 <!doctype html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>搜狗浏览器</title> 6 <meta name="Keywords" content="关键字"> 7 <meta name="Description" content="描述"> 8 <style> 9 .a /*a类选择器*/ 10 { 11 text-decoration: none; 12 font-family:黑体; 13 color: black; 14 font-size: 16px; 15 } 16 .b /*b类选择器*/ 17 { 18 text-align: center; 19 } 20 .c /*c类选择器*/ 21 { 22 width: 20px; 23 } 24 #aa,#bb,#cc /*群组选择器*/ 25 { 26 font-size: 14px; 27 color: blue; 28 } 29 #dd,#ee,#ff /*群组选择器*/ 30 { 31 font-size: 14px; 32 font-family: 宋体; 33 } 34 </style> 35 </head> 36 <body style="background-color:#FF9800"><!-- 主体 --> 37 <div><!-- 首行右侧设置 --> 38 <p style="text-align:right"> 39 <a href="javascript:;" class="a" id="aa">换肤</a> 40 41 <a href="javascript:;" class="a" id="bb">设置</a> 42 <span>|</span> 43 <a href="javascript:;" class="a" id="cc">登录</a> 44 </p> 45 </div> 46 <div class="b"><!-- 搜狗logo --> 47 <img src="img/搜狗logo.jpg" alt="logo" title="logo" style="500px"> 48 </div> 49 <div> <!-- 输入框上方 --> 50 <p class="b"> 51 <a href="javascript:;">新闻</a> 52 <a href="javascript:;">网页</a> 53 <a href="javascript:;">微信</a> 54 <a href="javascript:;">知乎</a> 55 <a href="javascript:;">问问</a> 56 <a href="javascript:;">图片</a> 57 <a href="javascript:;">视频</a> 58 <a href="javascript:;">地图</a> 59 <a href="javascript:;">购物</a> 60 <a href="javascript:;">更多>></a> 61 </p> 62 </div> <!-- 输入框 --> 63 <div class="b"> 64 <form action="http://www.sougou.com" method="post" outline="0"> 65 <table> 66 <tr> 67 <input type="text" name="" value="" style="550px;height:30px;"> 68 <input type="submit" name="" value="搜狗一下" style="height:35px;"> 69 </tr> 70 </table> 71 </form> 72 </div> 73 <div class="b"> <!-- 输入框下方 --> 74 <p> 75 <a href="javascript:;">输入法 </a> 76 77 <a href="javascript:;">浏览器</a> 78 79 <a href="javascript:;">网址导航</a> 80 </p> 81 </div><br><br><br><br><br><br><br> 82 <div> <!-- 二维码 --> 83 <center> 84 <table border="0" style="border-collapse:collapse cellpadding="0" cellspacing="0" text-align:center"> 85 <tr> 86 <td rowspan="3"> 87 <img src="img/搜狗二维码.png" alt=""> 88 </td> 89 <td> 90 <a href="javascript:;" class="a" id="gg">搜狗搜索APP</a> 91 </td> 92 <td></td> 93 <td> 94 <a href="javacsript:;" class="a">企业推广</a> 95 </td> 96 <td class="c"></td> 97 <td> 98 <a href="javascriopt:;" class="a">关于搜狗</a> 99 </td> 100 <td class="c"></td> 101 <td> 102 <a href="javascript:;" class="a">免责声明</a> 103 </td> 104 <td class="c"></td> 105 <td> 106 <a href="javascript:;" class="a">意见反馈</a> 107 </td> 108 </tr> 109 <tr> 110 <td rowspan="2"> 111 <a href="javascript:;" class="a" id="ff">搜你所想</a> 112 </td> 113 <td rowspan="2" class="c"></td> 114 <td colspan="7"> 115 <a href="javascript:;" class="a" id="dd">2016SOUGOU-京ICP证050897号</a> 116 </td> 117 </tr> 118 <tr> 119 <td colspan="7"> 120 <a href="javascript:;" class="a" id="ee">京公网安备11000002000025号</a> 121 </td> 122 </tr> 123 </table> 124 </center> 125 </div> 126 </body> 127 </html>