zoukankan      html  css  js  c++  java
  • 网页搜索页面排版布局

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>2345网址导航-开创中国百年品牌</title>
    </head>
    
    <body>
    <div style=" 1000px; height:70px; border:0px solid red; left:176px; top:0px; position:absolute"><img src="QQ截图20160522140334.png"/></div>
    <div style="1000px; height:84px; border:1px solid red; left:176px; top:70px; position:absolute;">
    <table width="1000" height="84" border="0" cellpadding="0" cellspacing="0">
    <tr height="35">
    <td width="150"></td>
    <td width="460">
    <table width="460" height="35" border="0" cellspacing="0">
    <tr>
    <td><a href="http://www.baidu.com/" target="_blank">网页</a></td>
    <td><a href="http://news.baidu.com/" target="new">新闻</a></td>
    <td><a href="http://music.baidu.com/" target="new">音乐</a></td>
    <td><a href="http://v.baidu.com/" target="_blank">视频</a></td>
    <td><a href="http://image.baidu.com/" target="_blank">图片</a></td>
    <td><a href="http://ai.taobao.com/" target="_blank">购物</a></td>
    <td><a href="http://zhidao.baidu.com/" target="_blank">问答</a></td>
    <td><a href="http://tieba.baidu.com/" target="_blank">贴吧</a></td>
    <td><a href="http://map.baidu.com/" target="_blank">地图</a></td>
    <td><a href="http://lvyou.2345.com/" target="_blank">机票</a></td>
    </tr>
    </table>
    </td>
    <td width="131"></td>
    <td></td>
    </tr>
    <tr>
    <td><center><a href="http://www.baidu.com/"><img src="QQ截图20160522144150.png"/></a></center></td>
    <td><center><textarea cols="30" rows="1" style="font-size:24px"></textarea></center></td>
    <td><center><a href="http://www.baidu.com/" target="new"><img src="QQ截图20160522145823.png"/></a></center></td>
    <td><img src="QQ截图20160522151330.png"</td>
    </tr>
    </table>
    </div>
    <div style="1000px; height:50px; border:1px solid red; left:176px; top:164px; position:absolute;">
    <table width="1000" height="50" border="0" cellspacing="0">
    <tr>
    <td bgcolor="#0099FF"><a href="http://www.2345.com/gov.htm" target="_blank"><font color="#FFFFFF" size="-1">权威<br />
    推荐</font></a></td>
    <td><a href="http://www.people.com.cn/" target="_blank">人民网</a></td>
    <td><a href="http://www.xinhuanet.com/" target="_blank">新华网</a></td>
    <td><a href="http://www.cctv.com/" target="_blank">央视网</a></td>
    <td><a href="http://www.cac.gov.cn/" target="_blank">国信网</a></td>
    <td><a href="http://www.cri.cn/" target="_blank">国际在线</a></td>
    <td><a href="http://www.china.com.cn/" target="_blank">中国网</a></td>
    <td><a href="http://cn.chinadaily.com.cn/" target="_blank">中国日报</a></td>
    <td><a href="http://www.gmw.cn/" target="_blank">光明网</a></td>
    <td><a href="http://www.cyol.com/" target="_blank">中青在线</a></td>
    <td><a href="http://www.cnr.cn/" target="_blank">央广网</a></td>
    <td><a href="http://www.qstheory.cn/" target="_blank">求是网</a></td>
    <td><a href="http://www.ce.cn/" target="_blank">中国经济网</a></td>
    <td><a href="http://www.2345.com/gov.htm" target="_blank"><font size="-1">更多》</font></a></td>
    </tr>
    </table>
    </div>
    <div style="730px; height:300px; border:1px solid red; left:176px; top:224px; position:absolute;">
    <table width="730" height="300" border="0">
    <tr><td><img src="QQ截图20160522190420.png"</td></tr>
    </table>
    </div> 
    <div style="260px; height:240px; border:1px solid blue; left:916px; top:224px; position:absolute;">
    <table width="260" height="240" border="0">
    <tr><td><center><img src="QQ截图20160522185931.png"/></center></td></tr>
    </table>
    </div>
    <div style="260px; height:280px; border:1px solid green; left:916px; top:474px; position:absolute;">
    <table width="260" height="280" border="0">
    <tr><td><center><img src="QQ截图g.png"/></center></td></tr>
    </table>
    </div>
    <div style="730px; height:120px; border:1px solid blue; left:176px; top:554px; position:absolute;">
    <table width="700" height="120" border="0" cellspacing="0">
    <tr><td><img src="QQ截图f.png"/></td></tr>
    </table>
    </div>
    <div style="730px; height:280px; border:1px solid red; left:176px; top:684px; position:absolute;">
    <table width="700" height="280" border="0">
    <tr><td><center><img src="QQ截图e.png"/></center></td></tr>
    </table>
    </div>
    <div style="260px; height:280px; border:1px solid green; left:916px; top:764px; position:absolute;">
    <table width="260" height="280" border="0">
    <tr><td><center><img src="QQ截图d.png"/></center></td></tr>
    </table>
    </div>
    <div style="260px; height:280px; border:1px solid blue; left:916px; top:1054px; position:absolute;">
    <table width="260" height="280" border="0">
    <tr><td><center><img src="QQ截图c.png"/></center></td></tr>
    </table>
    </div>
    <div style="260px; height:280px; border:1px solid red; left:916px; top:1344px; position:absolute;">
    <table width="260" height="280" border="0">
    <tr><td><center><img src="QQ截图b.png"/></center></td></tr>
    </table>
    </div>
    <div style="260px; height:100px; border:1px solid green; left:916px; top:1634px; position:absolute;">
    <table width="250" height="100" border="0">
    <tr><td><img src="QQ截图a.png"/></td></tr>
    </table>
    </div>
    <div style="730px; height:280px; border:1px solid red; left:176px; top:974px; position:absolute;">
    <table width="700" height="280" border="0">
    <tr><td><img src="QQ截图9.png"/></td></tr>
    </table>
    </div>
    <div style="730px; height:280px; border:1px solid blue; left:176px; top:1264px; position:absolute;">
    <table width="700" height="280" border="0">
    <tr><td><img src="QQ截图8.png"/></td></tr>
    </table>
    </div>
    <div style="730px; height:180px; border:1px solid green; left:176px; top:1554px; position:absolute;">
    <table width="700" height="180" border="0">
    <tr><td><img src="QQ截图7.png"/></td></tr>
    </table>
    </div>
    <div style="1000px; height:180px; border:1px solid blue; left:176px; top:1744px; position:absolute;">
    <table width="1000" height="180" border="0">
    <tr><td><img src="QQ截图6.png"/></td></tr>
    </table>
    </div>
    <div style="1000px; height:300px; border:1px solid #999; left:176px; top:1934px; position:absolute;">
    <table width="1000" height="300" border="0">
    <tr><td><img src="QQ截图5.png"/></td></tr>
    </table>
    </div>
    <div style="1000px; height:300px; border:1px solid #999; left:176px; top:2244px; position:absolute;">
    <table width="1000" height="300" border="0">
    <tr><td><img src="QQ截图4.png"/></td></tr>
    </table>
    </div>
    <div style="1000px; height:300px; border:1px solid #999; left:176px; top:2554px; position:absolute;">
    <table width="1000" height="300" border="0">
    <tr><td><img src="QQ截图3.png"/></td></tr>
    </table>
    </div>
    <div style="1000px; height:300px; border:1px solid #999; left:176px; top:2864px; position:absolute;">
    <table width="1000" height="300" border="0">
    <tr><td><img src="QQ截图2.png"/></td></tr>
    </table>
    </div>
    <div style="1000px; height:300px; border:1px solid #999; left:176px; top:3174px; position:absolute;">
    <table width="1000" height="300" border="0">
    <tr><td><img src="QQ截图20160522191703.png"/></td></tr>
    </table>
    </div>
    <div style="100%; height:50px; border:1px solid #999; left:0px; top:3494px; position:absolute;">
    <table width="100%" height="50" border="0">
    <tr><td><img src="QQ截图20160522191901.png"/></td></tr>
    </table>
    </div>
    </body>
    </html>

  • 相关阅读:
    20145302张薇 《信息安全系统设计基础》期中总结
    20145302张薇 《信息安全系统设计基础》第7周学习总结
    20145302张薇 《信息安全系统设计基础》第6周学习总结
    20145302张薇 《信息安全系统设计基础》第5周学习总结
    20145314郑凯杰《信息安全系统设计基础》第14周学习总结
    20145314郑凯杰《信息安全系统设计基础》第13周学习总结
    《信息安全系统设计基础》第12周学生博客问题总结
    20145314郑凯杰《信息安全系统设计基础》第12周学习总结
    20145314郑凯杰《信息安全系统设计基础》GDB调试32位汇编堆栈分析
    北京电子科技学院(BESTI)实验报告2
  • 原文地址:https://www.cnblogs.com/zyg316/p/5517822.html
Copyright © 2011-2022 走看看