2024年1月22日发(作者：)
html静态网页代码 静态网页设计代码
导读：就爱阅读网友为您分享以下“静态网页设计代码”资讯，希望对您有所帮助，感谢您对的支持!
西德尼石材 万高石材
4000元电脑配置单
基本<div>+<css>代码
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML
1.0 Transitional//EN”
“/TR/xhtml1/DTD/”>
<html xmlns=“/1999/xhtml”>
<head>
<meta http-equiv=“Content-Type” content=“text/html;
charset=utf-8” />
<title>无标题文档</title>
<style type=“text/css”>
1
<!--
body,td,th {
font-size: 16px;
color: #000000;
}
body {
margin-top: 10px;
}
.STYLE1 {color: #000000}
.STYLE2 {color: #00FFFF}
-->
</style></head>
<link href=“” rel=“stylesheet”/>
</head>
<body>
<div class=“main”>
<div class=“menu”>
<ul>
<li class=“current”><a href=““>首页</a></li>
<li><a href=““>餐饮美食</a></li>
2
<li><a href=““>休闲娱乐</a></li>
<li><a href=““>美容美发</a></li>
<li><a href=““>关于我们</a></li>
<li><a href=““>收藏我们</a></li>
<li><a href=““>登录</a></li>
<li><a href=““>注册</a></li>
</ul>
</div>
<div class=“ad”><img
src=“images/banner_” /></div>
<div>
<div class=“left”>
<img src=“images/” width=“475” />
<div class=“right”>
<img src=“images/”
</div>
</div> width=“475” />
西德尼石材 万高石材
4000元电脑配置单
</div>
<div>
3
<div class=“left1”>
<img
width=“475”/>
</div>
<div class=“right1”>
<img src=“images/” width=“475”/>
</div>
</div>
<div class=“left2”><p 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>
4
src=“images/”
</ul> <input name=““
border=“0”
type=“image”
src=“images/”
<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=““
border=“0”
type=“image”
/> src=“images/”
</div>
<div><p id=“green”>休闲<span
class=“STYLE1”>娱乐</span></p>
5
<ul>
<li>大丰收鱼庄（福州店）</li>
<li>合作伙伴2</li>
<li>合作伙伴3</li>
<li>合作伙伴4</li>
西德尼石材 万高石材
4000元电脑配置单
<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/”
<div><p
border=“0” /></div>
美容<span id=“green”>class=“STYLE1”>美发</span></p>
<ul>
<li>大丰收鱼庄（福州店）</li>
<li>合作伙伴2</li>
6
<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”
/></div> src=“images/”
</div>
<div class=“mid”>
border=“0”
<table width=“1000” border=“0” cellspacing=“60”>
<tr>
<td height=“260”><img src=“images/”
width=“200”/></td>
</tr>
<tr>
<td height=“300”><span class=“last”><img
src=“images/”
width=“200”/></span></td>
</tr>
7
<tr>
<td height=“250”><img src=“images/”
width=“200”/></td>
</tr>
<tr>
<td height=“300”><img src=“images/”
width=“200”/></td> </tr>
</table>
</div>
<div class=“right2”>
<div class=“D”><ul>
<li> </li>
</ul></div>
<div class=“d”></p><p class=“red”>餐饮<span class=“STYLE2”>美食</span></p>
西德尼石材 万高石材
4000元电脑配置单
<ul>
<li>火锅</li>
8
<li>私房菜</li>
<li>川菜</li>
<li>粤菜</li>
<li>自助</li>
<li>大排档</li>
</ul> </div>
<div class=“A”><ul>
<li> </li>
</ul></div>
<div class=“a”><p class=“red”>休闲<span
class=“STYLE2”><ul>
<li>Home</li>
<li>TemplateInfo</li>
<li>Style Demo</li>
<li>Blog</li>
<li>Archives</li>
<li>Web Templates</li>
</ul>
</div>
<div class=“B”><ul>
<li> </li>
9
娱乐</span></p>
</ul></div>
<div class=“b”><p class=“red”>美容<span
class=“STYLE2”><ul>
<li>Home</li>
<li>TemplateInfo</li>
<li>Style Demo</li>
<li>Blog</li>
<li>Archives</li>
<li>Web Templates</li>
</ul>
</div>
<div class=“C”><ul>
<li> </li>
</ul></div>
<div class=“c”><p class=“red”>网站<span
class=“STYLE2”><ul>
<li>总会员数</li>
<li>新增会员数</li>
<li>在线会员数</li>
<li>单日访问量</li>
10
美发</span></p>
信息</span></p>
<li>总访问量</li>
西德尼石材 万高石材
4000元电脑配置单
</ul>
</div>
</div>
<div class=“last”>
<table width=“950” border=“0” cellpadding=“14.9”
cellspacing=“15” bgcolor=“#CC6600”>
<tr>
<td width=“190”><img src=“images/”
/> 樱桃采摘 </td>
<td width=“190”><img src=“images/”
/> 悦木之源</td>
<td width=“190”><img src=“images/”
/> 串串传奇</td>
<td
width=“193”><img
11
src=“images/”
/> 刷刷锅</td>
</tr>
<tr>
<td><img src=“images/” width=“190”
/> 香格里拉</td>
<td><img src=“images/” width=“190”
/> 穿衣汇</td>
<td><img src=“images/” width=“190”
/> 厨房印象</td>
<td><img src=“images/” width=“190”
/> 膳园</td>
</tr>
</table>
</div>
</div>
</body>
12
</html>
@charset “utf-8”;
/* CSS Document */
.main{ width:950px; border:solid 1px;}
.main .menu{width:100%; height:75px;
background:url(images/main_)}
.main .menu ul{ list-style:none;margin-left:0px;
padding-left:0px}
.main .menu ul li{float:left; margin-left:5px; width:110px;
height:50px;padding-top:25px; text-align:center}
.main .menu ul li a:link{color:#FFFFFF;
text-decoration:none}
13
发布评论