企业站点: 关于我们完成
实例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>关于我们</title> <link rel="stylesheet" href="http://www.kmtest.top/phpstudy/0709/css/header.css"> <link rel="stylesheet" href="http://www.kmtest.top/phpstudy/0709/css/footer.css"> <link rel="stylesheet" href="http://www.kmtest.top/phpstudy/0709/css/about.css"> </head> <body> <!-- 头部 --> <div class="header"> <div class="content"> <ul class="nav"> <li class="item"><a href="#">首页</a></li> <li class="item"><a href="#">公司新闻</a></li> <li class="item"><a href="#">最新产品</a></li> <li class="item"><a href="#">关于我们</a></li> <li class="item"><a href="#">联系我们</a></li> </ul> </div> </div> <!-- 中间主体 --> <div class="container"> <!-- banner图--> <div class="banner"> <img src="http://www.kmtest.top/phpstudy/0709/images/banner.jpg" alt=""> </div> <!-- 1. 中间内容区块 --> <div class="wrap"> <div class="main"> <div class="about"> <h3>关于我们</h3> <div><img src="http://www.kmtest.top/phpstudy/0709/images/aboutme.jpg" alt=""></div> <p class="about-text">装一网于2009年初上线，原名装修第一网，2014年初更名为装一网，是河南车前草计算机科技***旗下装修平台。 装一网是全国性装修行业门户网站，现已开通分站近500个，其中直营分站140多个，合作分站350多个，覆盖全国大中小城市（含部分县级市），现日均独立访客超过30万人次，注册会员超过500万家，为中国千百万装修业主提供服务，影响力巨大。 装一网是优质装修资源整合平台，六大会员系统，涵盖了装修行业所有门类，为广大装修业主筛选并推荐优质装饰公司、优秀设计师和工长、优质的家居建材产品，是业主和装企之间的桥梁和纽带。 装一网有强大的会员系统，分为装饰公司、家居建材厂商、家居卖场、设计师、工长工人、装修业主六大会员系统，服务于装修行业所有参与者。装一网在各大搜索引擎，有极高权重，关键词自然排名非常好。同时，装一网各类广告遍地开花，让装一网的形象深入人心。 2016年6月，装一网创始人任书杰接受CCTV主持人陈悦源采访；8月，装一网在CCTV-2《交换空间》、CCTV-7晚间、北京卫视《暖暖的新家》等电视媒体和腾讯、今日头条、360搜索等网络媒体投放广告，同月，装一网参加中国行业影响力***夏季峰会并获表彰；同年10月，装一网入选中国***创新发展工程，创始人任书杰做客 CCTV《超越》栏目，接受阿丘专访。 2017年元月，装一网全程赞助河南卫视《武林风》2017年全球功夫盛典；2017年春节档，装一网形象广告登陆美国时代广场纳斯达克大屏；同年12月15日，装一网创始人任书杰和央视著名主持人李蜜在北京正式签约，李蜜成为装一网***形象代言人，开启装一网***塑造新篇章。 2018年至今，装一网在微信朋友圈、今日头条等强势新媒体持续进行广告投放，***宣传及影响力不断增强，发展势如破竹！ </p> </div> </div> </div> <!-- 2. 左侧分为上下二 --> <div class="left"> <h3>栏目</h3> <div class="category"> <ul> <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 class="footer"> <div class="content"> <p> <a href="">© PHP中文网版权所有</a> | <a href="">0551-88889999</a> | <a href="">皖ICP2016098801-1</a> </p> </div> </div> </body> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例
2、将课堂上的JS基本语法的小案例全部写一遍
实例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JavaScript基础</title>
</head>
<body>
<script>
var n =100+30;
console.log(n);
var username;
if(username===undefined){
username='朱老师';
}
console.log(username);
function sum(a,b){
return a + b ;
}
console.log(sum(100,200));
var x = 200;
var y = 300;
console.log(sum(x,y));
</script>
<script>
//单分支
var grade = 60;
var res ='';
if (grade>=60){
res='及格万岁'
}
console.log(res);
</script>
<script>
//双分支
var grade2 = 59;
var res2 ='';
if (grade2>=60){
res2='及格万岁';
}else{
res2='等着补考吧';
}
console.log(res2);
</script>
<script>
var grade3= 30 ;
var res3='';
//双分支简写,三元运算符
res3=(grade3>=60)? '及格万岁':'等着补考吧';
console.log(res3);
</script>
<script>
var grade4= 20 ;
var res4='';
if(grade4>=60 && grade4<80){
res4='成绩还不错呀';
}else if (grade4>= 80 && grade4< 90){
res4= '这是要成为学霸的节奏';
}else if (grade4 >= 90 && grade4 <=100){
res4='你来上课吧';
}else if(grade4<60){
res4='等着补考吧';
}
console.log(res4);
</script>
<script>
//多分支用switch
var n =10;
switch(n){
case 0:
console.log('验证失败');
break;
case 1:
console.log('验证成功');
break;
default:
console.log('未知错误');
}
</script>
<script>
//分数判断套用switch
var grade5=10;
var res5='';
switch (true){
case grade5 >= 60 && grade5 < 80:
res5='成绩还不错呀';
break;//暂停
case grade5 >=80 && grade5 <90:
res5='这是要成为学霸的节奏';
break;
case grade5 >=90 && grade5 <=100:
res5='你来上课吧';
break;
default:
res5='等着补考吧';
}
console.log(res5);
</script>
<script>
//循环 for/white
var sum = 0;
//for(初始化循环变量;判断循环条件;更新循环条件)
for(var i = 0; i<10; i++){//i++ 等于 i += 1
console.log(sum + '+' + i + '='+(sum+i));
sum= sum + i ;
}
console.log(sum);
</script>
<script>
var sum2=0; //1、循环变量初始化
var a = 0;
while(a<10){//2、判断循环条件（入口判断形）
console.log(sum2 + '+' + a + '='+(sum2+a));
sum2= sum2 + a ;
a++; //3、更新循环变量
}
console.log(sum2);
</script>
<script>
var sum3=0; //1、循环变量初始化
var b = 15;
do{
console.log(sum3 + '+' + b + '='+(sum3+b));
sum3= sum3 + b ;
b++; //3、更新循环变量
}
while(b<10);//2、判断循环条件（出口判断形）
console.log(sum3);
</script>
</body>运行实例 »
点击 "运行实例" 按钮查看在线实例