教你怎么做网页--

来源：互联网发布：知乎和百度贴吧编辑：程序博客网时间：2024/04/28 11:45

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
  <style type="text/css">
   #header{
    width:1003px;
    height:70px;
    margin:auto;
    padding:0px;
   }
   #logo{
    margin:0px;
    width:80px;
    float:left;
   }
   #lotxt{
   padding-top:45px;
   width:300px;
   float:left;
   margin:0px 0px 0px 50px;

   }
   #lotit{
   float:left;
   width:500px;
   text-align:center;
   padding-top:50px;
   }
   #xian{
   width:1003px;
   color:#FF0000;
   height:10px;
   clear:both;
   }
   #nav{
   margin:auto;

   width:1003px;
   height:30px;
   background-color:#DEDBD1;



   }
   #nav li{
   list-style:none;
   float:left;
   padding-left:10px;
   }
   #navbuttom{
   margin:auto;
   width:1003px;
   height:30px;
   background-color:#FF0000;
   }
   #banner{
   margin:auto;
   width:1003px;
   height:241px;
   background-image:url(banner.jpg);

   }
   #main{
   width:1003px;
   height:650px;
   margin:auto;

   }
   #mainleft{
   width:781px;
   height:660px;
   float:left;
   }
   #mainleft1{
   width:246px;
   height:201px;
   background-image:url(mainloginbg.jpg);
   float:left;

   }
   #mainleft11{
   position:relative;
   padding-left:45px;
   padding-top:30px;
   }

   #mainleft2{
   float:left;
   width:535px;
   height:201px;
   background-image:url(grass.jpg);
   float:left;


   }
   #mainleft3{
   float:left;
   width:780px;
   height:40px;
   text-align:left;

   }
   #mainleft4{
   width:246px;
   height:180px;
   float:left;
   }
   #mainleft5{
   float:left
   }
   #mainright{
   float:left;
   }
   #mainleft6{
   float:left;
   width:780px;
   height:30px;
   }
   #mainleft7{
   float:left;
   width:780px;
   height:205px;
   }
   #copywrite{
   margin:auto;
   width:1003px;
   height:150px;
   }
  </style>
</head>

<body>
  <div id="header">
   <div id="logo"><img src="logo.jpg" width="80" height="70"></div>
   <div id="lotxt"><img src="hoja.jpg"></div>
   <div id="lotit">祥   哥   为   何   如   此   牛！！！</div>
   <div id="xian">
    <hr noshade="noshade" style="clear:both" color="#FF0000">
   </div>
  </div>
  <div id="nav">
   <ul>
    <li><font size="-1">首页 </font></li>
    <li><font size="-1">公司简介 </font></li>
    <li><font size="-1">环保白皮书 </font></li>
    <li><font size="-1">品质白皮书 </font></li>
    <li><font size="-1">产品系列 </font></li>
    <li><font size="-1">服务 </font></li>
    <li><font size="-1">订购流程 </font></li>
    <li><font size="-1">公司荣誉 </font></li>
    <li><font size="-1">案例欣赏 </font></li>
    <li><font size="-1">联系我们 </font></li>
    <li><font size="-1">论坛 </font></li>

   </ul>
  </div>
  <div id="navbuttom"></div>
  <div id="banner"></div>
  <div id="main">
   <div id="mainleft">
    <div id="mainleft1">

      <table id="mainleft11">
       <tr>
        <td colspan="2" align="center">BBS Login</td>
        <td></td>

       </tr>
       <tr>
        <td >用户名</td>
        <td><input type="text" size="7"></td>
       </tr>
       <tr>
        <td>密码</td>
        <td><input type="text" size="7"></td>
       </tr>
       <tr>
        <td colspan="2" align="center"><input type="submit" value="登陆">    <input type="submit" value="提交"></td>
        <td></td>
       </tr>
      </table>
    </div>
    <div id="mainleft2">
     `<table id="mainleft22">
      <tr><td><font color="#FF0000">公司动态 | Newsmore</font> </td></tr>
      <tr><td><font size="-1"> 1. 庆祝好家阳泉店21日隆重开业 </font></td></tr>
      <tr><td><font size="-1"> 2. 2900万套橱柜家具市场容量潜待挖掘 </font></td></tr>
      <tr><td><font size="-1"> 3. 专家解说品牌橱柜高昂价格原因</font></td></tr>
      <tr><td><font size="-1">4. 现代橱柜提倡“人性化”设计 </font> </td></tr>
      <tr><td><font size="-1"> 5. 房地产的迅速发展印发橱柜“井喷”现象 </font></td></tr>
      <tr><td><font size="-1"> 6. 据专家分析：中国将成为世界橱柜制造中心 </font></td></tr>
     </table>
    </div>

    <div id="mainleft3"><font color="#FF0000">各种代理  |  Agent                     公司简介  |  Syonpsys</font></div>
    <div id="mainleft4">
     `<table id="mainleft44">
     <tr><td><font size="-1"> 临汾专卖 0357-2311686 3099209 </font></td></tr>
     <tr><td><font size="-1"> 晋城专卖 0356-2087778 13703560044</font></td></tr>
     <tr><td> <font size="-1"> 长治专卖 0355-3081717 3099209</font> </td></tr>
     <tr><td><font size="-1"> 清徐专卖 03571-5202130 3099209 </font> </td></tr>
     <tr><td><font size="-1"> 离石专卖 0358-8239685 3099209</font> </td></tr>
     <tr><td><font size="-1"> 孝义专卖 0358-7623410 [更多] </font></td></tr>
    </table>
    </div>
    <div id="mainleft5">
     <table width="520px">
      <tr>
       <td><img src="compic.jpg"></td>
       <td> 好家橱柜成立于1996年，是省内规模最大，创建最早的橱柜企业之一。目前好家橱柜有生产厂房6500平米，直销专卖店4个，各地市分销商20多个，是山西橱柜行业的龙头企业…[更多]</td>
      </tr>

     </table>
    </div>
    <div id="mainleft6"><font color="#FF0000">新品展示  |  Produce Lay Out</font></div>
    <div id="mainleft7"><img src="machine.jpg" height="200px" width="780px"></div>
   </div>
   <div id="mainright">
   <font color="#FF0000">快速通道  |  qulck</font><br/>
     <img src="3.jpg" align="middle"><br/>
                 | 环保体系<br/>
     <img src="aftersale.jpg"><br/>
                 | 售后服务<br/>
     <img src="hot.jpg"><br/>
                 | 热销产品<br/>
   <font color="#FF0000">合作伙伴  |  Congent</font><br/>
     <img src="trademarks.jpg"><br/>
   </div>

  </div>
  <div id="copywrite">
   <table width="800px" cellpadding="0" cellspacing="0">
    <tr>
     <td width="300px"><img src="hoja.jpg"></td>
     <td>      晋ICP备07003577号    您是第 14855 位访问者
地址：太远春天橱柜名店街A区6号电话：0351-7535658 7535650 传真：0351-7535630
版权所有：太远好家住宅设施有限公司：技术支持：太远天健联邦软件有限公司

</td>
    </tr>
   </table>
  </div>

</body>
</html>

0 0