简单的静态网页设计代码.docx

基本div+css代码

!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN/TR/xhtml1/DTD/xhtml1-transitional.dtd

htmlxmlns=/1999/xhtml

head

metahttp-equiv=Content-Typecontent=text/html;charset=utf-8/

title无标题文档/title

styletype=text/css

!--

body,td,th{

font-size:16px;color:#000000;

}

body{

margin-top:10px;

}

.STYLE1{color:#000000}

.STYLE2{color:#00FFFF}

--

/style/head

linkhref=index.cssrel=stylesheet/

/head

body

divclass=main

divclass=menu

ul

/div

liclass=currentahref=首页/a/li

liahref=餐饮美食/a/li

liahref=休闲娱乐/a/li

liahref=美容美发/a/li

liahref=关于我们/a/li

liahref=收藏我们/a/li

liahref=登录/a/li

liahref=注册/a/li

/ul

/div

divclass=adimgsrc=images/banner_l1.gif//div

div

divclass=left

imgsrc=images/banner.gifwidth=475/

divclass=right

img src=images/2013050315234570697.gif

/divwidth=475 /

/div

div

divclass=left1

imgsrc=images/2013051314293280059.gif width=475/

/div

divclass=right1

imgsrc=images/banner.gif width=475/

/div

/div

divclass=left2pid=green推荐spanclass=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 inputname=type=imagesrc=images/reading.gifborder=0/

div

pid=green餐饮spanclass=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

inputname=type=imagesrc=images/reading.gifborder=0/

/div

divpid=green休闲spanclass=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

/ulinputname=type=imagesrc=images/reading.gifborder=0//div

divpid=green美容spanclass=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

/ulinputname=type=imagesrc=images/reading.gifborder=0//div

/div

divclass=mid

tablewidth=1000border=0cellspacing=60

tr

tdheight=260i