“创意网页设计团队”的版本间的差异

来自CloudWiki
跳转至: 导航搜索
创意网页设计团队
创意网页设计团队
第31行: 第31行:
 
周末作业
 
周末作业
 
     http://tj006.itoco.cn/ys/2-2.html
 
     http://tj006.itoco.cn/ys/2-2.html
 +
<!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">
 +
*{margin:0;padding:0;}
 +
.a{width:100%;height:150px;background:blue;color:red;line-height:150px;text-align:center;}
 +
.a-1{width:100%;height:50px;background:#6CF;color:white;}
 +
.a-1 p{text-align:center;padding:0px 30px 0px 30px;float:left;}
 +
.dao{width:25%;height:50px;background: #630;float:left;}
 +
.dao:hover{width:25%;height:50px;background: #F09;}
 +
.b{width:%;height:350px;background:white;color:white;}
 +
.ao{width:100%;height:50px;background: #630;display:block;}
 +
.ao:hover{width:100%;height:50px;background: #39F;}
 +
.b-1{width:25%;height:350px;background:#3F6;color:white;float:left}
 +
.b-2{width:50%;height:350px;background:white;color:black;float:right}
 +
.b-3{width:25%;height:350px;background:white;color:black;float:left}
 +
.c{width:100%;height:100px;background:blue;color:white;}
 +
.cler{both:clear}
 +
 +
 +
</style>
 +
</head>
 +
<div class="a">商职学院</div>
 +
<div class="a-1"><div class="dao"><a href="#">学习</a></div>
 +
                <div class="dao"><a href="#">信息</a></div>
 +
                <div class="dao"><a href="#">美术</a></div>
 +
                <div class="dao"><a href="#">音乐</a></div></div>
 +
<div class="b"><div class="b-1"><p>相关信息</p>
 +
                <div class="ao"><a href="#">66666</a></div>
 +
                <div class="ao"><a href="#">666</a></div>
 +
                <div class="ao"><a href="#">66666</a></div>
 +
                <div class="ao"><a href="#">666666</a></div></div>
 +
<div class="b-2"><p>学校</p>
 +
<ol>
 +
<li>aaaaaa</li>
 +
<li>aaaaaa</li>
 +
<li>aaaaaa</li>
 +
<li>aaaaaa</li></ol>
 +
 +
 +
</div>
 +
<div class="b-3"><p>学院信息</p></div>
 +
</div>
 +
 +
 +
<div class="clear"></div>
 +
<div class="c"></div>
 +
<body>
 +
</body>
 +
</html>

2017年12月8日 (五) 02:05的版本

创意网页设计团队

  • 计算机1701石鑫,计算机1701杨保光

我们致力于将自己的家乡做成网页推向世界

      http://tj006.itoco.cn/ys/7-1.html
      http://tj006.itoco.cn/ys/7-2.html  
      http://tj006.itoco.cn/ys/8-4.h.html
      http://tj006.itoco.cn/ys/team.html
      http://tj006.itoco.cn/ys/12-1.html
      http://tj006.itoco.cn/ys/12-2.html
      http://tj006.itoco.cn/ys/13-2.html
      周末作业
    http://tj006.itoco.cn/ys/z.html
      

基本综合项目{1}

http://tj006.itoco.cn/ys/yang.html

小组项目:

     http://tj006.itoco.cn/ys/7-1.h.html
     http://tj006.itoco.cn/ys/7-2.h.html
     http://tj006.itoco.cn/ys/8-4.hh.HTML
     http://tj006.itoco.cn/ys/9.html
     http://tj006.itoco.cn/ys/12-1HTML.html
     http://tj006.itoco.cn/ys/12-2HTML.html
    http://tj006.itoco.cn/ys/13-1.html

基本综合项目{1}

     http://tj006.itoco.cn/ys/index.html

周末作业

    http://tj006.itoco.cn/ys/2-2.html

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

  • {margin:0;padding:0;}

.a{width:100%;height:150px;background:blue;color:red;line-height:150px;text-align:center;} .a-1{width:100%;height:50px;background:#6CF;color:white;} .a-1 p{text-align:center;padding:0px 30px 0px 30px;float:left;} .dao{width:25%;height:50px;background: #630;float:left;} .dao:hover{width:25%;height:50px;background: #F09;} .b{width:%;height:350px;background:white;color:white;} .ao{width:100%;height:50px;background: #630;display:block;} .ao:hover{width:100%;height:50px;background: #39F;} .b-1{width:25%;height:350px;background:#3F6;color:white;float:left} .b-2{width:50%;height:350px;background:white;color:black;float:right} .b-3{width:25%;height:350px;background:white;color:black;float:left} .c{width:100%;height:100px;background:blue;color:white;} .cler{both:clear}


</style> </head>

商职学院
<a href="#">学习</a>
<a href="#">信息</a>
<a href="#">美术</a>
<a href="#">音乐</a>

相关信息

<a href="#">66666</a>
<a href="#">666</a>
<a href="#">66666</a>
<a href="#">666666</a>

学校

  1. aaaaaa
  2. aaaaaa
  3. aaaaaa
  4. aaaaaa


学院信息


<body> </body> </html>