源代码网页制作源代码

网页源代码  时间:2021-03-05  阅读:()

购物网站源代码HTM L+CSS+JS的文档

<!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">

#home{margin-top:-35px;width:1350px;height:125px;background:#9C9;

}

#homeul l i {l ist-style-type:none;float:right;

}

#homeul l i input{height:19px;widht:69px;color:#e92f97;

}

#home p{padding-top:19px;font-size:29px;font-fa mi ly:"微软雅黑";color:#e92f97;display:block;width:100px;border-left:#e92f97 sol id 3px;border-right:#e92f97 sol id 3px;height:48px;padding-left:8px;margin-left:25px;

}

#home ul{float:right;display:block;height:15px;width:200px;margin-right:50px;margin-top:-32px;

}

购物网站源代码HTM L+CSS+JS的文档

#menu{margin-top:-12px;font-fa mi ly:"微软雅黑";width:1350px;height:65px;border:#e92f97 sol id 3px;

}

#menuul{margin-left:135px;

}

#menuul l i{float: left;l ist-style-type:none;

}

#menuul l ia{color:#e92f97;padding-top:12px;padding-left:15px;text-decoration:none;padding-left:15pxmargin-top:-12px;display:block;height:35px;width:85px;

}

#menuul l ia:hover{padding-top:12px;padding-left:15px;text-decoration:none;padding-left:15pxmargin-top:-12px;display:block;height:35px;width:85px;background:#e92f97;color:#CCC;

}

#homePage1{background:#F0F;

}

#homePage{height:465px;width:1000px;margin-top:10px;

购物网站源代码HTM L+CSS+JS的文档

margin-left:190px;

}

#dl ist dl{float: left;margin:15px;

}

#dl ist{width:1100px;height:400px;margin-left:170px;margin-top:12px;

}

#dl ist1 p{font-size:23px;font-fa mi ly:"微软雅黑";color:#F0F;

}

#dl ist2 dl{float: left;margin:15px;

}

#dl ist2{width:1100px;height:400px;margin-left:170px;margin-top:12px;

}

#dl ist3 dl{float: left;margin:15px;

}

#dl ist3{width:1100px;height:400px;margin-left:170px;margin-top:12px;

}

#dl ist4{margin-top:15px;

}

#dl ist4 p{font-size:23px;font-fa mi ly:"微软雅黑";

购物网站源代码HTM L+CSS+JS的文档

color:#F0F;

}

#buttom{padding-top:12px;margin-left:171px;margin-top:340px;height:50px;width:1250px;

}

#buttom ul l i {l ist-style-type:none;float: left;

}

#buttom ul l ia{color:#FFF;text-decoration:none;display:block;width:100px;height:25px;

}

#buttom1, span,em{background:#93C;

}

</st y l e>

<script type="text/javascript">varn=1;function img1() {if(n== 1) {myForm. imgflash.src="Page1.PNG"; }if(n==3) {myForm. imgflash.src="page3.PNG"; }if(n==4) {myForm. imgflash.src="page4.PNG";n=0;

}bgtn++;

}window.setInterval("img1()",4500);function openning() {window.open("openning.html");

}

</script>

</head>

购物网站源代码HTM L+CSS+JS的文档

<body>

<divid="home">

<p>爱爱购</p>

<ul>

<l i><input name="button1" type="text"value="请输入你想要的宝贝"/></l i>

<l i><input name="text1" type="button"value="搜索GO"/></l i>

<l i><input name="text1" type="button"value="登陆"oncl ick="openning()"/></l i></ul>

</div>

<!--

#home{height:120px;width:1348px;margin-top:-20px;background:#e3accb;

}

#home h1{font-fa mi ly:"微软雅黑";font-weight:200;color:#e92f97;display:block;height:45px;width:120px;padding-left:12px;padding-top:20px;margin-left:21px;border-left:#e92f97 sol id 3px;border-right:#e92f97 sol id 3px;

}

<divid="home">

<div><h1>爱爱购</h1>

<input type="text"value="搜索想要的宝贝" />

<input type="button"value="搜索"width="25px"/>

</div>

</div>-->

<divid="menu">

<ul>

<l i><a href="http:\\www.baidu.com">首页</a></l i>

购物网站源代码HTM L+CSS+JS的文档

<l i><a href="http:\\www.baidu.com">居家特卖</a></l i>

<l i><a href="http:\\www.baidu.com">假日特卖</a></l i>

<l i><a href="http:\\www.baidu.com">海外广场</a></l i>

<l i><a href="http:\\www.baidu.com">学生专区</a></l i>

<l i><a href="http:\\www.baidu.com">学妹最爱</a></l i>

<l i><a href="http:\\www.baidu.com">ILove GO</a></l i>

</ul>

</div>

<divid="homePage1">

<div id="homePage"><a href="http:\\www.baidu.com>"><form name="myForm">

<img id="imgflash"/></form></a></div>

</div>

<divid="dl ist">

<dl>

<dt><a href="http:\\http://www.szpt.edu.cn" target="_blank"><img src="1.PNG"/></dt>

<dd><a href="http:\\http://www.szpt.edu.cn" target="_blank">AMI I 女装卖场</a></dd>

<dd>298元</dd>

</dl>

<dl>

<dt><a href="#"><imgsrc="2.PNG"/></a></dt>

<dd><a href="#">妖精口袋</a></dd>

<dd>298-80元</dd>

</dl>

<dl>

<dt><a href="http:\\http://www.szpt.edu.cn" target="_blank"><img src="3.PNG"/></a></dt>

<dd><a href="http:\\http://www.szpt.edu.cn" target="_blank">初语女装专场</a></dd>

<dd>298-80元</dd>

</dl>

<dl>

<dt><a href="http:\\http://www.szpt.edu.cn" target="_blank"><img src="4.PNG"/></a></dt>

<dd><a href="http:\\http://www.szpt.edu.cn" target="_blank">S.DEER</a></dd>

<dd>298-80元</dd>

</dl>

</div>

<divid="dl ist1">

<hr/>

购物网站源代码HTM L+CSS+JS的文档

<p>寒衣天地</p>

</div>

<divid="dl ist2">

<dl>

<dt><a href="http:\\http://www.szpt.edu.cn" target="_blank"><img src="5.PNG"/></dt>

<dd><a href="http:\\http://www.szpt.edu.cn" target="_blank">森马女装</a></dd>

<dd>298-80元</dd>

</dl>

<dl>

<dt><a href="http:\\http://www.szpt.edu.cn" target="_blank"><img src="7.PNG"/></a></dt>

<dd><a href="http:\\http://www.szpt.edu.cn" target="_blank">ANTA活力男士运动专场</a></dd>

<dd>298-80元</dd>

</dl>

<dl>

<dt><a href="#"><imgsrc="8.PNG"/></a></dt>

<dd><a href="#">睡眠博士AiSleep家纺专场</a></dd>

<dd>298-80元</dd>

</dl>

<dl>

<dt><a href="#"><imgsrc="9.PNG"/></a></dt>

<dd><a href="#">日光生活HIKARI家居专场</a></dd>

<dd>298-80元</dd>

</dl>

</div>

<divid="dl ist4">

<hr/>

<p>家电百货</p>

</div>

<divid="dl ist3">

<dl>

<dt><a href="http:\\http://www.szpt.edu.cn" target="_blank"><img src="10.PNG"/></dt>

<dd><a href="http:\\http://www.szpt.edu.cn" target="_blank">Midea家电</a></dd>

</dl>

<dl>

<dt><a href="http:\\http://www.szpt.edu.cn" target="_blank"><img src="11.PNG"

购物网站源代码HTM L+CSS+JS的文档

/></a></dt>

<dd><a href="http:\\http://www.szpt.edu.cn" target="_blank">先锋电气</a></dd>

</dl>

<dl>

<dt><a href="http:\\http://www.szpt.edu.cn" target="_blank"><img src="12.PNG"/></a></dt>

<dd><a href="http:\\http://www.szpt.edu.cn" target="_blank">奥普照明</a></dd>

</dl>

<dl>

<dt><a href="http:\\http://www.szpt.edu.cn" target="_blank"><img src="13.PNG"/></a></dt>

<dd><a href="http:\\http://www.szpt.edu.cn" target="_blank">今日新品</a></dd>

</dl>

</div>

<divid="buttom1">

<div id="buttom">

<ul>

<l i><a href="http:\\www.baidu.com">关于我们</a></l i>

<l i><a href="http:\\www.baidu.com">About us</a></l i>

<l i><a href="http:\\www.baidu.com">品牌招商</a></l i>

<l i><a href="http:\\www.baidu.com">隐私条款</a></l i>

<l i><em>&copy;李慧娟制作</em> </l i>

</ul>

<p>联系我们contact us</p>

</div>

</div>

</body>

</html>

恒创新客(317元)香港云服务器 2M带宽 三网CN2线路直连

恒创科技也有暑期的活动,其中香港服务器也有一定折扣,当然是针对新用户的,如果我们还没有注册过或者可以有办法注册到新用户的,可以买他们家的香港服务器活动价格,2M带宽香港云服务器317元。对于一般用途还是够用的。 活动链接:恒创暑期活动爆款活动均是针对新用户的。1、云服务器仅限首次购买恒创科技产品的新用户。1 核 1G 实例规格,单个账户限购 1台;其他活动机型,单个账户限购 3 台(必须在一个订单...

腾讯云新用户省钱秘笈购买云服务器

目前国内云计算市场竞争异常激烈,尤其是国内的腾讯云、阿里云、景安等商家促销活动一波接一波的进行,对于有需要的用户确实得到不小的实惠。但是这样给予国内的主机商确实是比较大的打击,毕竟这些商家的背景和实例强劲,即便是贴本补贴优惠,也是不怕的。前两年阿里一家各种活动促销,确实在国内市场占据主要的市场地位,腾讯云开始两年没有较大的吸引用户,不过这两年的发展还是比较稳健的。我们很多网友在之前肯定也享受到一些...

Megalayer(月599元)限时8月香港和美国大带宽服务器

第一、香港服务器机房这里我们可以看到有提供四个大带宽方案,是全向带宽和国际带宽,前者适合除了中国大陆地区的全网地区用户可以用,后者国际带宽适合欧美地区业务。如果我们是需要大陆地区速度CN2优化的,那就需要选择常规的优化带宽方案,参考这里。CPU内存硬盘带宽流量价格选择E3-12308GB240GB SSD50M全向带宽不限999元/月方案选择E3-12308GB240GB SSD100M国际带宽不...

网页源代码为你推荐
公司网络被攻击网站总是被攻击,该怎么处理啊?京沪高铁上市首秀我能买京沪高铁股票吗18comic.fun有什么好玩的网站xyq.163.cbg.com梦幻CBG的网站是什么。罗伦佐娜罗拉芳娜 (西班牙小姐)谁可以简单的介绍以下sss17.com为什么GAO17.COM网站打不开了m.2828dy.comwww.dy6868.com这个电影网怎么样?www.mywife.ccmywife哪部最经典www.toutoulu.com外链方案到底应该怎么弄呢www.175qq.com请帮我设计个网名
大庆服务器租用 高防直连vps 狗爹 便宜建站 512au 网站被封 台湾谷歌网址 e蜗牛 美国十次啦服务器 帽子云 静态空间 流量计费 安徽双线服务器 西安服务器托管 广州虚拟主机 学生服务器 万网主机 免费网络空间 深圳主机托管 windowssever2008 更多