整天对着电脑只发晕，今天写了下前台

 

web语义一直没参透，标签也有点乱用，SEO也不太懂:

< !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 >会员中心 </title>
< style type ="text/css" >
*{
margin:0;
}
body
{
background:url("imgs/headbg.gif") repeat-x;
width:1000px;
margin:0 auto;
}
a img
{
border:none;
}
ul
{
margin:0;
padding:0;
list-style:none;
}
#lcol
{
width:250px;
margin-left:20px;
float:left;
_display:inline;
}
#rcol
{
width:710px;
float:left;
_display:inline;
}

#btnList
{
margin-top:20px;
padding-left:17px;
}
#btnList dd
{
padding-left:30px;
font-size:14px;
height:25px;
text-indent:5px;
}
#btnList dd a
{
text-decoration:none;
color:#00a3ff;
line-height:1.5em;
display:block;
}
#btnList dd.cur a
{
background:url("imgs/btnbg.gif") no-repeat;
}
#btnList dd a:hover
{
color:#666;
}
#menu
{
margin-top:65px;
overflow:hidden;
_display:inline-block;
height:23px;
}
#menu li
{
float:left;
margin:0 5px;
}
#menu li a
{
width:77px;
height:23px;
float:left;
}

#content    
{
margin-top:20px;
}
</style>
</head>

< body >
     < div id ="lcol" >
         < div style ="width:250px;height:163px;background:url('imgs/lmember1.gif') no-repeat;" >
             < div style ="padding:80px 15px 0;font-size:12px;color:#fff;" >
             < span style ="color:#fffcdd" >[Rock007] </span>-来自 < <span style ="color:#fffcdd" >韩国 </span>>
             </div>
         </div>
        
         < dl id ="btnList" >
             < dt > < img src ="imgs/lsidebtn01.gif" /> </dt>
             < dd class ="cur" > < a href ="#" >基本信息资料修改 </a> </dd>
             < dt > < img src ="imgs/lsidebtn02.gif" /> </dt>
             < dd > < a href ="#" >我登录的商家 </a> </dd>
             < dd > < a href ="#" >我收藏的商家 </a> </dd>
             < dd > < a href ="#" >我的收费结算 </a> </dd>
             < dd > < a href ="#" >我的报价 </a> </dd>
             < dt > < img src ="imgs/lsidebtn03.gif" /> </dt>
             < dd > < a href ="#" >我的知识问答 </a> </dd>
             < dd > < a href ="#" >我的知识共享 </a> </dd>
             < dd > < a href ="#" >我的共享文件 </a> </dd>
             < dd > < a href ="#" >我的知识回复 </a> </dd>            
             < dt > < img src ="imgs/lsidebtn04.gif" /> </dt>
             < dd > < a href ="#" >选定地区 </a> </dd>
             < dd > < a href ="#" >我上传的信息 </a> </dd>
             < dd > < a href ="#" >我关心得信息 </a> </dd>
             < dd > < a href ="#" >我关心的楼盘 </a> </dd>        
             < dd > < a href ="#" >我关心的加盟店信息 </a> </dd>            
             < dt > < img src ="imgs/lsidebtn05.gif" /> </dt>
             < dd > < a href ="#" >我收到的简历(企业) </a> </dd>
             < dd > < a href ="#" >我的聘用信息(个人) </a> </dd>            
             < dt > < img src ="imgs/lsidebtn06.gif" /> </dt>
             < dd > < a href ="#" >我买的 </a> </dd>
             < dd > < a href ="#" >我卖的 </a> </dd>
             < dd > < a href ="#" >我免费提供的信息 </a> </dd>        
         </dl>
        
         < div style ="margin-left:17px;" >
             < img src ="imgs/copyright.gif" />
         </div>
     </div>
    
     < div id ="rcol" >
         < div style ="margin-top:1px;height:11px;overflow:hidden;text-align:right;" >
         < a href ="#" style="" > < img src ="imgs/quit.gif" height ="11" style ="_display:block;" /> </a>
         </div>
        
         < ul id ="menu" >
             < li > < a href ="#" > < img src ="imgs/menut01.gif" /> </a> </li>
             < li > < a href ="#" > < img src ="imgs/menut02.gif" /> </a> </li>
             < li > < a href ="#" > < img src ="imgs/menut03.gif" /> </a> </li>
             < li > < a href ="#" > < img src ="imgs/menut04.gif" /> </a> </li>
             < li > < a href ="#" > < img src ="imgs/menut05.gif" /> </a> </li>
             < li > < a href ="#" > < img src ="imgs/menut06.gif" /> </a> </li>
             < li > < a href ="#" > < img src ="imgs/menut07.gif" /> </a> </li>
             < li > < a href ="#" > < img src ="imgs/menut08.gif" /> </a> </li>                        
         </ul>
        
         < div id ="content" >
             < div > < img src ="imgs/rcontent01.gif" /> </div>
             < div style ="padding:0 5px;background:url('imgs/rcontent02.gif') repeat-y;min-height:800px;_height:800px;" >test </div>
             < div > < img src ="imgs/rcontent03.gif" /> </div>
         </div>
     </div>
    
     < br style ="clear:both;" />
</body>
< script type ="text/javascript" >
var imgs=document.getElementById("menu").getElementsByTagName("img");
for(var i=1;i<=imgs.length;i++)
{    
    imgs[i-1].i=i;
    imgs[i-1].onmouseover=function(){"http://blog.51cto.com/viewpic.php?refimg=" + this.src='imgs/menub0'+this.i+'.gif';}
    imgs[i-1].onmouseout=function(){"http://blog.51cto.com/viewpic.php?refimg=" + this.src='imgs/menut0'+this.i+'.gif';}
}
</script>    
</html>