更新时间: 试题数量: 购买人数: 提供作者:

有效期: 个月

章节介绍: 共有个章节

收藏
搜索
题库预览
(含图)

<html>

<head>

<meta http-equiv="Content-Type" content="text/html"; charset="utf-8" />

<title>无标题文档</title>

</head>


<body>

分子:

<!-- ********FOUND********* -->

<input name="l1" type="____________" id="l1" />

<br>

分母:

<!-- ********FOUND********* -->

<input name="l2" type="____________" id="l2" />

<br>

<!-- ********FOUND********* -->

<input type="button" name="button" value="计算" onclick="____________"/>

<script language="JavaScript" type="text/javascript">


function ChkType()

{

   var o1 = document.getElementById("l1");

   var o2 = document.getElementById("l2");

    

   /* **********Found********** */

   var v1 = parseInt(o1.____________);

   /* **********Found********** */

   var v2 = parseInt(o2.____________);

   /* **********Found********** */

   if ( ____________(v1) )

   {

      alert('输入分子不是有效数字!')

      o1.focus();

      return;

   }

   else

   {

      if ( v1 <= 0 || o1.value.indexOf(".") != -1 )

      {

         alert('输入分子数据不正确!')

         o1.focus();

         return;

      }

   }

   /* **********Found********** */

   if ( ____________(v2) )

   {

      alert('输入分母不是有效数字!')

      o2.focus();

      return;

   }

   else

   {

      if ( v2 <= 0 || o2.value.indexOf(".") != -1 )

      {

         alert('输入分母的数据不正确!')

         o2.focus();

         return;

      }

   }

   var s1 = v1 / v2

   var s2 = s1 * 100

   alert(s2+"%")

    

}

</script>

</body>

</html>

(含图)

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=GB2312" />

<title>CSS导航条</title>

<style>

*{ margin:0; padding:0; list-style:none; font-size:12px; line-height:1.8;}

/* ********FOUND********* */

body{ ____________: #fff}

#info{padding:50px;}

#infobox{padding:0px 20px;background-color: #640000;}

#center{background: #ABBAAC; border-top:2px solid #333; padding:20px;}

/* ********FOUND********* */

____________{ clear:both; height:1px; overflow: hidden; background:#333}

#infobox li{ border-right:1px solid #000; float:left; margin-right:1px; text-align:center;margin-top:-4px; }

a{ width:150px;line-height:28px; display:block;}

/* ********FOUND********* */

a:____________{color:#000;background:#FF9900;text-decoration: none;}

/* ********FOUND********* */

a:____________{ color:#FFFF00;background:#000;}

#infobox span{ display: none; }

#infobox a:hover span{display: block;position:absolute;border:1px solid #640000;background: #FFFFCC;margin-top:26px!important; margin-top:20px;color:#000;padding:5px;white-space: nowrap;}

</style>

</head>

<body>

<!-- ********FOUND********* -->

<div id="____________">

<!-- ********FOUND********* -->

 <div id="____________">

  <ul>

   <li><a href="#" target="_blank"><span>本章主要介绍构成Web技术的基础知识。学完本章之后,读者可以了解到:什么是Web技术,Web与Internet之间的关系,构成Web技术的网络技术基础,相关Web服务器的配置等等。</span>第1章 Web技术基础</a></li>

   <li><a href="#" target="_blank"><span>Web服务是最常见的Internet服务,而HTTP是Web客户端与服务器端之间数据传输的通信协议。Web服务 是典型的客户机/服务器结构的应用。</span>第2章 HTTP协议基础</a></li>

   <li><a href="#" target="_blank"><span>本章通过描述一个简单的HTML文档的结构和标记格式,讨论如何用这些标记来控制文本的显示效果,包括换行、段落标记、标题等。</span>第3章 HTML语言基础</a></li>

   <li><a href="#" target="_blank"><span>本章主要包括CSS的基本语法、使用方法以及样式表的层次优先级等,并主要介绍了如何使用CSS和div标签进行布局。</span>第4章 CSS基础</a></li>

   <li><a href="#" target="_blank"><span>本章首先对JavaScript的基础知识进行简单的介绍,包括JavaScript的特点、作用。然后详细介绍JavaScript的基本语法,主要包括关键字、标识符、数据类型、字符串、数组、运算符和表达式等。</span>第5章 JavaScript语言基础</a></li>

   <li><a href="#" target="_blank"><span>本章主要介绍几种常见的动态网页技术。动态网页技术是在静态网页技术之后出现的Web编程技术,比静态网页提供更丰富的基于数据支持的功能,提供更好的用户操作体验。</span>第6章 动态网页技术概述</a></li>

  </ul>

  <div class="c"></div>

 </div>

<div id="center">

</div>

</div>

</body>

</html>


 

<html>

<head>

<style type="text/css">

a.one:link {color: #ff0000}

a.one:visited {color: #0000ff}

/* **********Found********** */

a.one:hover {____(1)____: #ffcc00} /* 此处为设置文字颜色 */


a.two:link {color: #ff0000}

a.two:visited {color: #0000ff}

/* **********Found********** */

a.two:hover {____(2)____: 150%}


a.three:link {color: #ff0000}

a.three:visited {color: #0000ff}

/* **********Found********** */

a.three:hover {____(3)____: #66ff66}  /* 此处为设置背景颜色 */


a.four:link {color: #ff0000}

a.four:visited {color: #0000ff}

/* **********Found********** */

a.four:hover {_____(4)______:幼圆}


a.five:link {color: #ff0000; text-decoration: none}

a.five:visited {color: #0000ff; text-decoration: none}

/* **********Found********** */

a.five:hover {____(5)______: underline}

</style>

</head>


<body>

<p>请把鼠标移动到这些链接上,以查看效果:</p>

<!-- **********Found********** -->

<p><b><a class="___(6)____" href="/index.html" target="_blank">这个链接改变背景颜色</a></b></p>

<!-- **********Found********** -->

<p><b><a class="___(7)____"  href="/index.html" target="_blank">这个链接改变文字颜色</a></b></p>

<!-- **********Found********** -->

<p><b><a class="___(8)____" href="/index.html" target="_blank">这个链接改变字体大小</a></b></p>

<!-- **********Found********** -->

<p><b><a class="___(9)___" href="/index.html" target="_blank">这个链接改变文本装饰</a></b></p>

<!-- **********Found********** -->

<p><b><a class="___(10)____" href="/index.html" target="_blank">这个链接改变字体系列</a></b></p>


</body>


</html>

1 2