静态网页设计代码.docx

基本div+css代码 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=/ head meta http-equiv=Content-Type content=text/html; charset=utf-8 / title无标题文档/title style type=text/css !-- body,td,th { font-size: 16px; color: #000000; } body { margin-top: 10px; } .STYLE1 {color: #000000} .STYLE2 {color: #00FFFF} -- /style/head link href=index.css rel=stylesheet/ /head body div class=main div class=menu ul /div li class=currenta href=首页/a/li lia href=餐饮美食/a/li lia href=休闲娱乐/a/li lia href=美容美发/a/li lia href=关于我们/a/li lia href=收藏我们/a/li lia href=登录/a/li lia href=注册/a/li /ul /div div class=adimg src=images/banner_l1.gif //div div div class=left img src=images/banner.gif width=475 / div class=right img src=images/2013050315234570697.gif  /div width=475 / /div div div class=left1 img src=images/2013051314293280059.gif width=475/ /div div class=right1 img src=images/banner.gif width=475/ /div /div div class=left2p id=green推荐span class=STYLE1商家/span/p ul li大丰收鱼庄（福州店）地址：台江万象城4 楼/li li合作伙伴 2/li li合作伙伴 3/li li合作伙伴 4/li li合作伙伴 5/li li合作伙伴 6/li li合作伙伴 7/li li合作伙伴 8/li li合作伙伴 9/li li合作伙伴 10/li /ul input name= type=image src=images/reading.gif border=0 / div p id=green餐饮span class=red美食/span/p ul li大丰收鱼庄（福州店）/li li合作伙伴 2/li li合作伙伴 3/li li合作伙伴 4/li li合作伙伴 5/li li合作伙伴 6/li li合作伙伴 7/li li合作伙伴 8/li li合作伙伴 9/li li合作伙伴 10/li /ul input name= type=image src=images/reading.gif border=0 / /div divp id=green休闲span class=STYLE1娱乐/span/p ul li大丰收鱼庄（福州店）/li li合作伙伴 2/li li合作伙伴 3/li li合作伙伴 4/li li合作伙伴 5/li li合作伙伴 6/li li合作伙伴 7/li li合作伙伴 8/li li合作伙伴 9/li li合作伙伴 10/li /ul input name= type=image src=images/reading.gif border=0 //div divp id=green美容span class=STYLE1美发/span/p ul li大丰收鱼庄（福州店）/li li合作伙伴 2/li li合作伙伴 3/li li合作伙伴 4/li li合作伙伴 5/li li合作伙伴 6/li li合作伙伴 7/li li合作伙伴 8/li li合作伙伴 9/li li合作伙伴 10/li /ul input name= type=image src=images/reading.gif border=0 //div /div div class=mid table width=1000 border=0 cellspacing=60 tr td height=260img src=ima