dw test 网页测试

网页小测试代码：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<!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">

#kuangjia {
	height: auto;
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#welcome {
	height: 17px;
	width: 100%;
	background-color: #f5f5f5;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#name {
	height: 80px;
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.jiaqian {
	font-size: 24px;
	color: #f0573e;
}
#daohang {
	height: 40px;
	width: 100%;
	font-size: 12px;
	background-color: #ff6932;
}
#mianfei {
	height: 280px;
	width: 70%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 10px;
}
#yaoqing {
	height: 80px;
	width: 70%;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #ffcab8;
	text-align: center;
	line-height: 80px;
	vertical-align: middle;
}
#banner {
	background-color: #ffcab8;
	height: 100px;
	width: 70%;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	line-height: 100px;
	text-align: center;
	vertical-align: middle;
}
#jinping {
	height: 650px;
	width: 70%;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#yongjin {
	height: 300px;
	width: 70%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#shiyong {
	height: 360px;
	width: 70%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#shouyi {
	height: 280px;
	width: 70%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#weibu {
	height: 90px;
	width: 55%;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#huanying {
	height: 100%;
	width: 50%;
	float: left;
	clear: none;
}
#denglu {
	height: 100%;
	width: 50%;
	float: right;
}
#mingzi {
	height: 80px;
	width: 50%;
	float: left;
}
#mingzi #wangming {
	height: 74%;
	width: 30%;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	background-color: #ffd0c0;
	font-size: 18px;
	text-align: center;
	line-height: 55px;
	list-style-type: none;
	vertical-align: middle;
}
#sousuo {
	height: 80%;
	width: 30%;
	float: left;
	padding-top: 30px;
	padding-left: 20px;
}
#daohang ul{
	line-height: 40px;
	color: #FFFFFF;
	text-align: center;
	display: block;
	float: left;
	height: 40px;
	width: 60%;
	list-style-type: none;
	background-color: #ff6932;
	padding-left: 180px;
	margin: 0;padding: 0;list-style: none;
}
#shangjia {
	height: 50px;
	width: 100px;
	text-align: center;
}

#kuangjia #daohang ul li {
	line-height: 40px;
	color: #FFFFFF;
	text-align: center;
	display: block;
	float: left;
	height: 40px;
	width: 100px;
	list-style-type: none;
	background-color: #ff6932;
}
body,td,th {
	font-size: 12px;
	font-family: "微软雅黑";
}
#daohang a:link {
	text-decoration: none;
	color: #FFF;
}
#denglu a:link {
	text-decoration: none;
	color: #5F5F5F;
}
#apDiv5 a:link {
	text-decoration: none;
	color: 969696;
	color:#fff;
}
a:visited {
	text-decoration: none;
}
#daohang a:hover {
	text-decoration: none;
	background-color: #ff5a00;
	padding-top: 10px;
	padding-left: 25px;
	padding-right: 25px;
	padding-bottom: 11px;
	color:#FFF;
}
#apDiv5 a:hover {
	text-decoration: none;
	background-color: #ff5a00;
	padding-top: 10px;
	padding-left: 25px;
	padding-right: 25px;
	padding-bottom: 11px;
	color:#FFF;
}
a:active {
	text-decoration: none;
}
#tupian {
	float: left;
	height: 100%;
	width: 53%;
	margin-left: 10px;
	border: 1px solid #bfbfbf;
	text-align: center;
}
#chanpin {
	float: left;
	height: 100%;
	width: 15%;
	border: 1px solid #fe8e64;
}
#gonggao {
	float: left;
	height: 100%;
	width: 29%;
	margin-left: 10px;
}

#sy {
	height: 48%;
	width: 100%;
	border: 1px solid #bebebe;
	margin-top: 10px;
	text-align: center;
	line-height: 130px;
	vertical-align: middle;
}
#chaoliu {
	height: 98%;
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #ffd7c7;
	margin-top: 2px;
	margin-bottom: 2px;
	text-align: center;
	line-height: 20px;
	vertical-align: middle;
}
#apDiv1 {
	position: absolute;
	left: 921px;
	top: 518px;
	width: 73px;
	height: 19px;
	z-index: 1;
}
#pidai {
	float: left;
	height: 270px;
	width: 23%;
	border: 1px solid #e0e0e0;
}
#bao {
	float: left;
	width: 23%;
	border: 1px solid #e0e0e0;
	height: 270px;
	margin-left: 20px;
	margin-top: 20px;
}
#pixie {
	float: left;
	height: 270px;
	width: 23%;
	margin-left: 20px;
	border: 1px solid #e0e0e0;
}
#shubao {
	float: left;
	height: 270px;
	width: 23%;
	margin-left: 20px;
	border: 1px solid #e0e0e0;
}
#chuang {
	float: left;
	height: 270px;
	width: 23%;
	margin-left: 20px;
	border: 1px solid #e0e0e0;
}
#kuzi {
	float: left;
	height: 270px;
	width: 23%;
	border: 1px solid #e0e0e0;
	margin-left: 20px;
	margin-top: 20px;
}
#neiyi {
	float: left;
	height: 270px;
	width: 23%;
	border: 1px solid #e0e0e0;
	margin-left: 20px;
	margin-top: 20px;
}
#lianyixun {
	float: left;
	height: 270px;
	width: 23%;
	border: 1px solid #e0e0e0;
	margin-top: 20px;
}
#pd {
	height: 65%;
	width: 85%;
	border: 1px solid #e5e5e5;
	text-align: center;
	margin-top: 3px;
	margin-right: auto;
	margin-left: auto;
}
#px   {
	height: 65%;
	width: 85%;
	border: 1px solid #e5e5e5;
	text-align: center;
	margin-top: 3px;
	margin-right: auto;
	margin-left: auto;
}
#sb   {
	height: 65%;
	width: 85%;
	border: 1px solid #e5e5e5;
	text-align: center;
	margin-top: 3px;
	margin-right: auto;
	margin-left: auto;
}
#c   {
	height: 65%;
	width: 85%;
	text-align: center;
	margin-top: 3px;
	margin-right: auto;
	margin-left: auto;
}
#lyq   {
	height: 65%;
	width: 85%;
	text-align: center;
	margin-top: 3px;
	margin-right: auto;
	margin-left: auto;
}
#ny   {
	height: 65%;
	width: 85%;
	text-align: center;
	margin-top: 3px;
	margin-right: auto;
	margin-left: auto;
}
#kz   {
	height: 65%;
	width: 85%;
	text-align: center;
	margin-top: 3px;
	margin-right: auto;
	margin-left: auto;
}
#b   {
	height: 65%;
	width: 85%;
	border: 1px solid #e5e5e5;
	text-align: center;
	margin-top: 3px;
	margin-right: auto;
	margin-left: auto;
}
#pdm {
	height: 20%;
	width: 85%;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
}
#pdm input {
	background-color: #ff5b5a;
}
#apDiv2 {
	position: absolute;
	left: 922px;
	top: 1168px;
	width: 72px;
	height: 21px;
	z-index: 2;
}
.yj {
	float: left;
	height: 100px;
	width: 31%;
	border: 1px solid #fecfcb;
	margin-top: 10px;
	margin-right: 15px;
}

.renwu {
	text-align: center;
	float: left;
	height: 100%;
	width: 60%;
}
.chakan {
	text-align: center;
	float: right;
	height: 100px;
	width: 39%;
	border: 1px solid #fee4c1;
	background-color: #fff3ea;
	line-height: 100px;
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
}
#apDiv3 {
	position: absolute;
	left: 922px;
	top: 1468px;
	width: 74px;
	height: 22px;
	z-index: 3;
}
#changjia {
	float: left;
	height: 270px;
	width: 23%;
	margin-left: 20px;
	margin-top: 20px;
	border: 1px solid #e0e0e0;
}
#nuojiya {
	float: left;
	height: 270px;
	width: 23%;
	border: 1px solid #e0e0e0;
	margin-left: 20px;
	margin-top: 20px;
}
#chunzhuang {
	float: left;
	height: 270px;
	width: 23%;
	border: 1px solid #e0e0e0;
	margin-left: 20px;
	margin-top: 20px;
}
#baoyou {
	float: left;
	height: 270px;
	width: 23%;
	border: 1px solid #e0e0e0;
	margin-top: 20px;
}
#by   {
	height: 65%;
	width: 85%;
	text-align: center;
	margin-top: 3px;
	margin-right: auto;
	margin-left: auto;
}
#cz   {
	height: 65%;
	width: 85%;
	text-align: center;
	margin-top: 3px;
	margin-right: auto;
	margin-left: auto;
}
#njy   {
	height: 65%;
	width: 85%;
	text-align: center;
	margin-top: 3px;
	margin-right: auto;
	margin-left: auto;
}
#cj   {
	height: 65%;
	width: 85%;
	border: 1px solid #e5e5e5;
	text-align: center;
	margin-top: 3px;
	margin-right: auto;
	margin-left: auto;
}
#shouyibang {
	height: 100%;
	width: 26%;
	float: left;
	margin-left: 70px;
	border: 2px solid #e9e9e9;
}
#chufa {
	height: 100%;
	width: 26%;
	float: left;
	margin-left: 20px;
	border: 2px solid #ececec;
}
#jinggao {
	height: 100%;
	width: 26%;
	float: left;
	margin-left: 20px;
	border: 2px solid #ececec;
}
#bangzhu {
	float: left;
	height: 100%;
	width: 23%;
	margin-left: 40px;
}
#changjian {
	float: left;
	height: 100%;
	width: 23%;
	margin-left: 20;
}
#guanzhu {
	float: left;
	height: 100%;
	width: 23%;
	margin-left: 20;
}
#lianxi {
	float: left;
	height: 100%;
	width: 23%;
	margin-left: 20;
}
#apDiv4 {
	position: absolute;
	left: 940px;
	top: 98px;
	width: 99px;
	height: 38px;
	z-index: 4;
}
#apDiv5 {
	position: absolute;
	left: 907px;
	top: 98px;
	width: 100px;
	height: 40px;
	z-index: 4;
	line-height: 40px;
	text-align: center;
	vertical-align: middle;
}
body {
	margin-top: 0px;
	padding-top: 0px;
	color:#7E807E;
}
.new {
	color: #e7394d;
}
.shuipingxian {
	color: #e5e5e5;
}
.zhekou {
	color: #fc764c;
}
.old {
	color: #b8c1bd;
}
.danshu {
	color: #867973;
}
.shengyu {
	color: #d0d0d0;
}
.anniu {
	background-color: #fb952a;
}
.chaozhi {
	font-size: 18px;
	color: #e61327;
	float: left;
	height: 100%;
	width: 55%;
}
.shou {
	float: left;
	height: 100%;
	width: 45%;
	text-align: center;
}
.jia {
	font-size: 12px;
	color: #68748b;
}
.hong {
	color: #e62657;
}
.dan {
	font-size: 12px;
	color: #e94b81;
}
.top {
	color: #df2191;
}
.bang {
	color: #fe4332;
}
.jiangsu {
	color: #eb7b9d;
}
.xiahuaxian {
	text-decoration: underline;
}
.abc {
	height: 100%;
	width: 100px;
	float: left;
}
#biaodan {
	height: 48%;
	width: 100%;
	border: 1px solid #bebebe;
	text-align:center;
}
body {
	margin: 0px;
	padding: 0px;
}
#shang{
	height: 30;
	text-align: center;
	line-height: 30px;
	vertical-align: middle;
	}
#xia {
	height: 500px;
}
#xia a:link,#xia a:visited,#xia a:hover{
	text-decoration:none;
	}
#zhengzhi,#wenhua{
	display:none;
	}
#biaodan #sp-junshi{
	width: 33%;
	height: 29px;
	border-right: 1px solid #bebebe;
	float: left;
	border-bottom: none;
}
#biaodan #sp-zhengzhi{
	width: 33%;
	height: 29px;
	border-right: 1px solid #bebebe;
	border-bottom: 1px solid #bebebe;
	float: left;
}
#biaodan #sp-wenhua{
	width: 33.4%;
	height: 29px;
	border-bottom: 1px solid #bebebe;
	float: left;
}
#junshi ul ,#zhengzhi ul,#wenhua ul{
	padding:none;
	margin:none;
}
</style>
<script>
function xianshijunshi(){
	//军事显示
	document.getElementById("junshi").style.display = "block";
	//政治隐藏
	document.getElementById("zhengzhi").style.display = "none";
	//文化隐藏
	document.getElementById("wenhua").style.display = "none";
	document.getElementById("sp-junshi").style.borderBottom = "none"
	document.getElementById("sp-zhengzhi").style.borderBottom = "1px solid #bebebe";
	document.getElementById("sp-wenhua").style.borderBottom = "1px solid #bebebe";
	}
function xianshizhengzhi(){
	//军事隐藏
	document.getElementById("junshi").style.display = "none";
	//政治显示
	document.getElementById("zhengzhi").style.display = "block";
	//文化隐藏
	document.getElementById("wenhua").style.display = "none";
	document.getElementById("sp-junshi").style.borderBottom = "1px solid #bebebe";
	document.getElementById("sp-zhengzhi").style.borderBottom = "none";
	document.getElementById("sp-wenhua").style.borderBottom = "1px solid #bebebe";
	}
function xianshiwenhua(){
	//军事隐藏
	document.getElementById("junshi").style.display = "none";
	//政治隐藏
	document.getElementById("zhengzhi").style.display = "none";
	//文化显示
	document.getElementById("wenhua").style.display = "block";
	document.getElementById("sp-junshi").style.borderBottom = "1px solid #bebebe";
	document.getElementById("sp-zhengzhi").style.borderBottom = "1px solid #bebebe";
	document.getElementById("sp-wenhua").style.borderBottom = "none";
	}
</script>
</head>
<body>
<div id="apDiv1">查看更多</div>
<div id="apDiv2">查看更多</div>
<div id="apDiv3">查看更多</div>
<div id="apDiv5"><a href="#">
  商家报名</a></div>
<div id="kuangjia">
  <div id="welcome" >
    <div id="huanying" style="text-align : center; font-size: 12px;">欢迎来到驻马店</div>
    <div id="denglu" style="text-align : center; font-size: 12px;"><a href="#">登陆</a> | <a href="#">注册</a>     <a href="#">帮助中心</a></div>
    <div style="clear:both;></div>
</div>
<div id="name">
  <div id="mingzi">
   <div id="wangming">网站名字</div>
  </div>
  <div id="sousuo">
   <div id="sou"><img src="images/sousuo.png" width="258" height="39" /></div>
  </div>
  <div style="clear:both;"></div>
</div>
<div id="daohang">
  <ul>
    <li class=“abc”><a href="#">首        页</a></li>
    <li class=“abc”><a href="#">精选商品</a></li>
    <li class=“abc”><a href="#">佣金任务</a></li>
    <li class=“abc”><a href="#">免费使用</a></li>
    <li class=“abc”><a href="#">使用中心</a></li>
    <li class=“abc”><a href="#">旺旺查询</a></li>
  </ul>
</div>
<div id="mianfei">
  <div id="chanpin">
    <div id="chaoliu"><img src="images/yifu.png" width="18" height="19" />潮流女装<br />
      <img src="images/nanzhuang.png" width="20" height="15" />精品男装<br />
      <img src="images/xiezi.png" width="23" height="16" />鞋子箱包<br />
      <img src="images/dapei.png" width="20" height="15" />时尚饰品<br />
      <img src="images/bangong.png" width="20" height="22" />办公用品<br />
      <img src="images/shuma.png" width="20" height="19" />数码家电<br />
      <img src="images/jiaju.png" width="23" height="20" />家居日用<br />
      <img src="images/meirong.png" width="19" height="19" />美容美肤<br />
      <img src="images/ertong.png" width="21" height="19" />儿童服装<br />
      <img src="images/zhonghe.png" width="20" height="20" />综合使用<br />
      <img src="images/xuni.png" width="21" height="22" />虚拟产品<br />
    </div>
  </div>
  <div id="tupian"><img src="images/tupian.png" width="424" height="227" /></div>
  <div id="gonggao">
    <div id="biaodan">
  <div id="shang" >
    <div id="sp-junshi" class="s1" onMouseover="xianshijunshi()">军事</div>
    <div id="sp-zhengzhi" class="s2" onMouseover="xianshizhengzhi()">政治</div>
    <div id="sp-wenhua" class="s3" onMouseover="xianshiwenhua()">文化</div>
    <div style="clear:both;"></div>
  </div>
  <div id="xia">
    <div id="junshi" class ="info">
      <ul>
        <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 id="zhengzhi" class ="info">
      <ul>
        <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 id="wenhua" class ="info">
      <ul>
        <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>
</div>
    <div id="sy">试用流程(一个图片)
    </div>
  </div>
  <div style="clear:both;"></div>
</div>
<div id="yaoqing">邀请送积分banner</div>
<div id="jinping">精选商品<br /><hr class="shuipingxian" />
  <div id="pidai">真皮休闲腰带平滑扣头层纯牛皮<br />
    <div id="pd"><img src="images/pidai.png" width="156" height="157" /></div><br />
    <div id="pdm">
    <span class="new">¥59.00</span>
    <span class="old">¥288.00</span>
    <span class="zhekou">2.0折</span>
    <div style="clear:both;"></div>
      <img src="images/shijian.png" width="97" height="33" />   <input name="goumai" type="button" value="购买" /></div>
  </div>
  <div id="pixie">头层真皮豆豆鞋男士休闲鞋男鞋<br />
    <div id="px"><img src="images/pixie.png" width="156" height="157" /></div><br />
    <div id="pdm">
    <span class="new">¥59.00</span>
    <span class="old">¥288.00</span>
    <span class="zhekou">2.0折</span>
    <div style="clear:both;"></div>
      <img src="images/shijian.png" width="97" height="33" />   <input name="goumai" type="button" value="购买" /></div>
    </div>
  <div id="shubao">韩版中学双肩包撞色拼接学院风男<br />
    <div id="sb"><img src="images/shubao.png" width="158" height="156" /></div><br />
    <div id="pdm">
    <span class="new">¥59.00</span>
    <span class="old">¥288.00</span>
    <span class="zhekou">2.0折</span>
    <div style="clear:both;"></div>
      <img src="images/shijian.png" width="97" height="33" />   <input name="goumai" type="button" value="购买" /></div>
    </div>
  <div id="chuang">新款床上用品素色纯棉四件套<br />
    <div id="c"><img src="images/chuang.png" width="155" height="157" /></div><br />
    <div id="pdm">
    <span class="new">¥59.00</span>
    <span class="old">¥288.00</span>
    <span class="zhekou">2.0折</span>
    <div style="clear:both;"></div>
      <img src="images/shijian.png" width="97" height="33" />   <input name="goumai" type="button" value="购买" /></div>
    </div>
  <div id="lianyixun">气质女装长连衣裙包臀修身打低长<br />
    <div id="lyq"><img src="images/lianyiqun.png" width="157" height="157" /></div><br />
    <div id="pdm">
    <span class="new">¥59.00</span>
    <span class="old">¥288.00</span>
    <span class="zhekou">2.0折</span>
    <div style="clear:both;"></div>
      <img src="images/shijian.png" width="97" height="33" />   <input name="goumai" type="button" value="购买" /></div>
    </div>
  <div id="neiyi">聚拢文胸套装性感深V调整型内衣<br />
    <div id="ny"><img src="images/neiyi.png" width="157" height="155" /></div><br />
    <div id="pdm">
    <span class="new">¥59.00</span>
    <span class="old">¥288.00</span>
    <span class="zhekou">2.0折</span>
    <div style="clear:both;"></div>
      <img src="images/shijian.png" width="97" height="33" /><input name="goumai" type="button" value="购买" /></div>
    </div>
  <div id="kuzi">假两件打底裤子包臀裙裤拼木耳边<br />
    <div id="kz"><img src="images/kuzi.png" width="156" height="158" /></div><br />
    <div id="pdm">
    <span class="new">¥59.00</span>
    <span class="old">¥288.00</span>
    <span class="zhekou">2.0折</span>
    <div style="clear:both;"></div>
      <img src="images/shijian.png" width="97" height="33" />   <input name="goumai" type="button" value="购买" /></div>
    </div>
  <div id="bao">新款时尚潮女士链条单肩包<br />
    <div id="b"><img src="images/bao.png" width="156" height="156" /></div><br />
    <div id="pdm">
    <span class="new">¥59.00</span>
    <span class="old">¥288.00</span>
    <span class="zhekou">2.0折</span>
    <div style="clear:both;"></div>
      <img src="images/shijian.png" width="97" height="33" />   <input name="goumai" type="button" value="购买" /></div>
    </div>
  <br/>
<div style="clear:both;"></div>
</div>
<div id="yongjin">佣金任务<br /><hr class="shuipingxian" />
  <div class="yj">
  <div class="renwu">
   <span class="biaoti">[1钻起]男士短袖T恤任务</span><br />
   <span class="jiaqian">¥6元佣金</span><br />
   <span class="danshu"><br />下单49元，返还55元</span><br />
   <span class="shengyu">剩余份数：12/12份</span>
  <div style="clear:both;"></div>
  </div>
  <div class="chakan">
  <input type="button" class="anniu" value="查看佣金活动" /><br />
<img src="images/naozhong.png" width="46" height="20" /></div>
  <div style="clear:both;"></div>
    </div>
  <div class="yj">
  <div class="renwu">
  <span class="biaoti">购物赚钱测试活动</span><br />
  <span class="jiaqian">¥6元佣金</span><br />
  <span class="danshu"><br />
  下单49元，返还55元</span><br />
  <span class="shengyu">剩余份数：12/12份</span>
  <div style="clear:both;"></div>
  </div>
  <div class="chakan">
  <input type="button" class="anniu" value="查看佣金活动" /></div>
  <div style="clear:both;"></div>
    </div>
  <div class="yj">
  <div class="renwu">
  <span class="biaoti">学生女装短袖</span><br />
  <span class="jiaqian">¥6元佣金</span><br />
  <span class="danshu"><br />
  下单49元，返还55元</span><br />
  <span class="shengyu">剩余份数：12/12份</span>
  <div style="clear:both;"></div>
  </div>
  <div class="chakan">
  <input type="button" class="anniu" value="查看佣金活动" /><br />
<img src="images/jiaoliu.png" width="23" height="22" /></div>
<div style="clear:both;"></div>
   </div>
  <div class="yj">
  <div class="renwu">
    <span class="biaoti">电脑网线双绞线</span><br />
    <span class="jiaqian">¥6元佣金</span><br />
    <span class="danshu"><br />下单49元，返还55元</span><br />
    <span class="shengyu">剩余份数：12/12份</span>
  <div style="clear:both;"></div>
  </div>
    <div class="chakan">
    <input type="button" class="anniu" value="查看佣金活动" /><br />
    <img src="images/jiaoliu.png" width="23" height="22" /></div>
    <div style="clear:both;"></div>
   </div>
  <div class="yj">
  <div class="renwu">
  <span class="biaoti">德国韩国转换插座</span><br />
  <span class="jiaqian">¥6元佣金</span><br />
  <span class="danshu"><br />
  下单49元，返还55元</span><br />
  <span class="shengyu">剩余份数：12/12份</span>
  <div style="clear:both;"></div>
  </div>
  <div class="chakan">
  <input type="button" class="anniu" value="查看佣金活动" /></div>
  <div style="clear:both;"></div>
  </div>
  <div class="yj">
  <div class="renwu">
  <span class="biaoti">[2心起]认真诚信亲来</span><br />
  <span class="jiaqian">¥6元佣金</span><br />
  <span class="danshu"><br />
  下单49元，返还55元</span><br />
  <span class="shengyu">剩余份数：12/12份</span>
  <div style="clear:both;"></div>
  </div>
  <div class="chakan">
  <input type="button" class="anniu" value="查看佣金活动" /><br />
  <img src="images/nao.png" width="33" height="21" /></div>
  <div style="clear:both;"></div>
   </div>
  <div style="clear:both;"></div>
</div>
<div id="shiyong">试用任务<br />
  <hr class="shuipingxian" /><br />
  <div id="baoyou">包邮LG顶级RcEn润膏YUGO洗发<br />
    <div id="by"><img src="images/xifa.png" width="169" height="168" /></div><br />
    <div id="pdm">
      <div class="chaozhi" id="chaozhi">
        <span class="cz">超值试用</span><br />
        <span class="jia">下单价：</span><span class="dan">¥69.00</span><br />
        <span class="jia">超值价：</span><span class="dan">¥10.00</span></div>
      <div class="shou" ><img src="images/shou.png" width="65" height="15" /><br />
        <input name="goumai" type="button" value="抢购" /></div>
      </div>
  </div>
  <div id="chunzhuang">2015春装新款韩版修身大码女装七<br />
    <div id="cz"><img src="images/nvzhuang.png" width="168" height="168" /></div><br />
    <div id="pdm">
      <div class="chaozhi" id="chaozhi">
        <span class="cz">超值试用</span><br />
        <span class="jia">下单价：</span><span class="dan">¥69.00</span><br />
        <span class="jia">超值价：</span><span class="dan">¥10.00</span></div>
      <div class="shou" id="shou"><img src="images/shou.png" width="65" height="15" />
      <input name="goumai" type="button" value="抢购" /></div>
      </div>
    </div>
  <div id="nuojiya">Nokia/诺基亚107 1070双卡双待<br />
    <div id="njy"><img src="images/nuojiya.png" width="167" height="168" /></div><br />
    <div id="pdm">
      <div class="chaozhi" id="chaozhi">
        <span class="cz">超值试用</span><br />
        <span class="jia">下单价：</span><span class="dan">¥69.00</span><br />
        <span class="jia">超值价：</span><span class="dan">¥10.00</span></div>
      <div class="shou" id="shou"><img src="images/shou.png" width="65" height="15" />
      <input name="goumai" type="button" value="抢购" /></div>
      </div>
    </div>
  <div id="changjia">厂家直销促销款家里厨房用天然气<br />
    <div id="cj"><img src="images/tianran.png" width="168" height="168" /></div><br />
    <div id="pdm">
      <div class="chaozhi" id="chaozhi">
        <span class="cz">超值试用</span><br />
        <span class="jia">下单价：</span><span class="dan">¥69.00</span><br />
        <span class="jia">超值价：</span><span class="dan">¥10.00</span></div>
      <div class="shou" id="shou"><img src="images/shou.png" width="65" height="15" />
      <input name="goumai" type="button" value="抢购" /></div>
      </div>
    </div>
    <div style="clear:both;"></div>
</div>
<div id="shouyi">
  <div id="shouyibang"><span class="bang">收益榜</span><br />
    <hr class="shuipingxian" />
    <br />
    <table width="200">
      <tr>
        <td width="15%" class="top">Top1</td>
        <td width="30%">vioal**</td>
        <td width="25%">总收益</td>
        <td class="top">¥1997.99</td>
      </tr>
      <tr>
        <td width="15%" class="top">Top2</td>
        <td width="30%">jgkib%</td>
        <td width="25%">总收益</td>
        <td class="top">¥1997.99</td>
      </tr>
      <tr>
        <td width="15%" class="top">Top3</td>
        <td width="30%">vioal**</td>
        <td width="25%">总收益</td>
        <td class="top">¥1997.99</td>
      </tr>
      <tr>
        <td width="15%" class="top">Top4</td>
        <td width="30%">jgkib%</td>
        <td width="25%">总收益</td>
        <td class="top">¥1997.99</td>
      </tr>
      <tr>
        <td width="15%" class="top">Top5</td>
        <td width="30%">vioal**</td>
        <td width="25%">总收益</td>
        <td class="top">¥1997.99</td>
      </tr>
      <tr>
        <td width="15%" class="top">Top6</td>
        <td width="30%">jgkib%</td>
        <td width="25%">总收益</td>
        <td class="top">¥1997.99</td>
        </tr>
      <tr>
        <td width="15%" class="top">Top7</td>
        <td width="30%">vioal**</td>
        <td width="25%">总收益</td>
        <td class="top">¥1997.99</td>
        </tr>
      <tr>
        <td width="15%" class="top">Top8</td>
        <td width="30%">jgkib%</td>
        <td width="25%">总收益</td>
        <td class="top">¥1997.99</td>
        </tr>
      <tr>
        <td width="15%" class="top">Top9</td>
        <td width="30%">vioal**</td>
        <td width="25%">总收益</td>
        <td class="top">¥1997.99</td>
        </tr>
      <tr>
        <td width="15%" class="top">Top10</td>
        <td width="30%">jgkib%</td>
        <td width="25%">总收益</td>
        <td class="top">¥1997.99</td>
        </tr>
    </table>
  </div>
  <div id="chufa"><span class="bang">处罚信息列表</span><br />
    <hr class="shuipingxian" />
    <br />
    <table width="209" border="0">
      <tr>
        <td width="220"><span class="jiangsu">江苏宁宁</span><span class="xiahuaxian">被不返佣金并扣回淘客爹2014运动休闲天鹅绒套（手机下单）</span><br />          <br /></td>
      </tr>
      <tr>
        <td><span class="jiangsu">江苏宁宁</span><span class="xiahuaxian">被不返佣金并扣回淘客爹2014运动休闲天鹅绒套（手机下单）<br />
        </span><br /></td>
      </tr>
      <tr>
        <td><span class="jiangsu">江苏宁宁</span><span class="xiahuaxian">被不返佣金并扣回淘客爹2014运动休闲天鹅绒套（手机下单）<br />
        </span><br /></td>
      </tr>
      <tr>
        <td><span class="jiangsu">江苏宁宁</span><span class="xiahuaxian">被不返佣金并扣回淘客爹2014运动休闲天鹅绒套（手机下单）<br />
        </span><br /></td>
      </tr>
    </table>
  </div>
  <div id="jinggao"><span class="bang">警告信息列表</span><br />
    <hr class="shuipingxian" />
    <br />
    <table width="200">
      <tr>
        <td><span class="jiangsu">江苏宁宁</span> 被警告一次<span class="xiahuaxian">（未评价）</span><br />
          <br />
          <br /></td>
      </tr>
      <tr>
        <td><span class="jiangsu">江苏宁宁</span> 被警告一次<span class="xiahuaxian">（未评价）</span><br />
          <br />
          <br /></td>
      </tr>
      <tr>
        <td><span class="jiangsu">江苏宁宁</span> 被警告一次<span class="xiahuaxian">（未评价）</span><br />
          <br />
          <br /></td>
      </tr>
      <tr>
        <td><span class="jiangsu">江苏宁宁</span> 被警告一次<span class="xiahuaxian">（现在都是薄的，你评价很厚，让我怎么卖？）</span><br />
          <br /></td>
      </tr>
    </table>
  </div>
  <div style="clear:both;"></div>
</div>
<div id="banner">banner</div>
<div id="weibu">
  <div id="bangzhu">
      帮助中心<br />
      关于我们<br />
      试用模式介绍<br />
      免费是如何实现的<br />
      手机认证
  </div>
  <div id="changjian">

     常见问题<br />
     访客的宗旨<br />
     试客行为规则<br />
     试客申诉维权
  </div>
  <div id="guanzhu">关注我们<br />
    <img src="images/qq.png" width="19" height="20" />加入qq群<br />
    <img src="images/weibo.png" width="23" height="20" />微博关注</div>
  <div id="lianxi">联系我们<br />
  </div>
  <div style="clear:both;"></div>
</div>

</div>
</body>
</html>

实现视图：

时间： 2024-10-04 13:17:08

dw test 网页测试的相关文章

7款响应式网页测试工具

响应式设计几乎是当代网页设计的基础构成之一.在实际设计和开发的过程中,想要让网站按照设计响应不同尺寸屏幕,设计师和前端需要花费相当的时间来进行测试和优化.所以,今天我们搜集了7款功能强大的响应式页面测试工具,下面就一一介绍一下. 1. XRESPOND 这款名为 XRespond 的工具自称为“虚拟设备实验室”,这个称号其实是名副其实的. 通过Xrespond 打开网页,你可以看到它在不同屏幕尺寸下的样子,整个布局是横向的,所以你需要横向滚动页面才能看到它所有的样子. 屏幕上方的标签会标识出它是

chrome浏览器安装网页测试插件postman的图文步骤记录

用户在开发或者调试网络程序或者是网页B/S模式的程序的时候是需要一些方法来跟踪网页请求的,用户可以使用一些网络的监视工具比如著名的Firebug等网页调试工具.今天给大家介绍的这款网页调试工具不仅可以调试简单的css.html.脚本等简单的网页基本信息,它还可以发送几乎所有类型的HTTP请求!Postman在发送网络HTTP请求方面可以说是Chrome插件类产品中的代表产品之一. Postman插件下载与安装Postman插件哪里可以下载? 1.你可以从chrome应用商店里找到Postman插

抓网页测试

测试 124 禁PING以及清理系统多余账号说明 124 禁PING以及清理系统多余账号说明 124 禁PING以及清理系统多余账号说明

网页测试发现网页打开慢（载入）如何找原因？

测试Web程序时,发现一个[新增]按钮打开时特别慢,原因是新增表单会默认带上100~200个商品名称. 一般咱们报bug的时候,标题一般都会写:[新增]按钮打开表单超慢,那么这个超慢的原因是什么? 测试人员应该要试着去找. Chrome有个好帮手,开发者工具包, 然后在点击[新增], 观察到 一共从服务器获取了42.1MB的文件,花了1.5分钟 这样上报的bug,是不是有点水平了?^_^ 作者: 梅梅~ 出处: https://www.cnblogs.com/keeptesting 关于作者:专

网页设计至少要掌握哪些技能

想制作出一个比较好的网页制作首先要掌握的技能有几种,现在中安云城大致说一下有以下几个既能需要了解并且掌握,对网页制作有很大的帮助. 首先需要掌握的技能如下:1.学会HTML语言,这个是必须学会的.2.学会写骨架还是不够的,需要掌握 CSS+DIV的写法,但CSS是你必须要掌握的.3.有时候会需要做动态网站,那么就需要ASP/PHP/JSP中的一种,多种更好.4.同时还需要掌握IS(JavaScript.Java脚本语言).AS5.动态的网站也会使用到数据库,这就需要Acess/mySQL/SQL

常用的HTTP测试工具谷歌浏览器插件汇总

网页的开发和测试时最常见的测试就是HTTP测试,作为曾经的测试人员在这方面还是略知一二的.其实做网页测试工作是非常繁琐的时期,有时候甚至是无聊重复的,如果没有网页测试工具的帮助的话,测试人员会越做越怀疑自己的价值.只有利用插件去提示工作效率才能让测试人员有更多的时间去做更有意义的工作,创造更多的价值.所以今天在chrome插件网整理一个专题汇总常见的HTTP测试工具谷歌浏览器插件帮助测试人员提高工作效率. 1.Postman和Postman Interceptor 说的网页http测试的,只要是

吉特仓库管理系统(开源)-如何在网页端启动WinForm 程序

原文:吉特仓库管理系统(开源)-如何在网页端启动WinForm 程序 在逛淘宝或者使用QQ相关的产品的时候,比如淘宝我要联系店家点击旺旺图标的时候能够自动启动阿里旺旺进行聊天.之前很奇怪为什么网页端能够自动启动客户端程序,最近在开发吉特仓储管理系统的时候也遇到一个类似的问题,因为使用网页端的打印效果并不是太好,之前也写过关于打印相关的文章可以查阅,我需要使用WinForm客户端来驱动打印,但是我又不想重新开发Winform客户端的所有功能,只要能够使用winform驱动打印即可.我就需要一个类似

从网页相关性TF-IDF到余弦定理的新闻分类的程序实现

前提:TF-IDF 模型是搜索引擎等实际应用中被广泛使用的信息检索模型,但对于 TF-IDF 模型一直存在各种疑问.本文为信息检索问题一种基于条件概率的盒子小球模型,其核心思想是把"查询串q和文档d的匹配度问题"转化为"查询串q来自于文档d的条件概率问题".它从概率的视角为信息检索问题定义了比 TF-IDF 模型所表达的匹配度更为清晰的目标.此模型可将 TF-IDF 模型纳入其中,一方面解释其合理性,另一方面也发现了其不完善之处.另外,此模型还可以解释 PageRa

【jmeter】jmeter测试手机app的服务器压力

具体步骤: 1.电脑启动jmeter 2.jmeter在测试计划新建线程组. 3.在工作台新建http代理服务器 4.配置HTTP代理服务器 5.设置IE代理到本地 6.手机wifi设置代理连接到PC   7.启动jmeter的HTTP代理服务器 8.现在电脑随便点开一个网页测试是否能抓到包(如果能挂包就去掉IE的代理,设置IE是为了验证HTTP代理服务器是否生效,若日后熟练可以省去这一步) 9.一切正常,手机开始启动app执行操作 10.录制成功后,停止HTTP代理服务器,然后再进行回放或者压