border-right:2px dashed #ff0000 /*设置右侧边框线为2px,虚线,红色*/
border-bottom:4px solid#00ff00 /*设置底部边框线为4px,实线,绿色*/
border-left:8px dashed #0000ff /*设置左侧边框线为8px,虚线,蓝色*/
<!doctype html><html>
<head>
<meta charset="UTF-8">
<title>多项选择题</title>
<style type="text/css">
label{background:#ccffff}
</style>
</head>
<body>
<h1>测试题</h1><hr>
<h2>一、单项选择题</h2>
<div id="dan1">
<p>1.世界上谁最帅?</p>
<p><input type="radio" id="dA1" name="dan1"><label for="dA1">A.李小龙</p>
<p><input type="radio" id="dB1" name="dan1"><label for="dB1">B.李连杰</p>
<p><input type="radio" id="dC1" name="dan1"><label for="dC1">C.陈小春</p>
<p><input type="radio" id="dD1" name="dan1"><label for="dD1">D.刘德华</p>
<input type="button" value="提交答案" onclick="dan1_answer()"><hr>
<span id="d1_tetion"></span>
</div>
<div id="dan2">
<p>2.世界上谁最帅?</p>
<p><input type="radio" id="dA2" name="dan2"><label for="dA2">A.李小龙</p>
<p><input type="radio" id="dB2" name="dan2"><label for="dB2">B.李连杰</p>
<p><input type="radio" id="dC2" name="dan2"><label for="dC2">C.陈小春</p>
<p><input type="radio" id="dD2" name="dan2"><label for="dD2">D.刘德华</p>
<input type="button" value="提交答案" onclick="dan2_answer()"><hr>
<span id="d2_tetion"></span>
</div>
<div id="dan3">
<p>3.世界上谁最帅?</p>
<p><input type="radio" id="dA3" name="dan3"><label for="dA3">A.李小龙</p>
<p><input type="radio" id="dB3" name="dan3"><label for="dB3">B.李连杰</p>
<p><input type="radio" id="dC3" name="dan3"><label for="dC3">C.陈小春</p>
<p><input type="radio" id="dD3" name="dan3"><label for="dD3">D.刘德华</p>
<input type="button" value="提交答案" onclick="dan3_answer()"><hr>
<span id="d3_tetion"></span>
</div>
<div id="dan4">
<p>4.世界上谁最帅?</p>
<p><input type="radio" id="dA4" name="dan4"><label for="dA4">A.李小龙</p>
<p><input type="radio" id="dB4" name="dan4"><label for="dB4">B.李连杰</p>
<p><input type="radio" id="dC4" name="dan4"><label for="dC4">C.陈小春</p>
<p><input type="radio" id="dD4" name="dan4"><label for="dD4">D.刘德华</p>
<input type="button" value="提交答案" onclick="dan4_answer()"><hr>
<span id="d4_tetion"></span>
</div>
<div id="dan5">
<p>5.世界上谁最帅?</p>
<p><input type="radio" id="dA5" name="dan5"><label for="dA5">A.李小龙</p>
<p><input type="radio" id="dB5" name="dan5"><label for="dB5">B.李连杰</p>
<p><input type="radio" id="dC5" name="dan5"><label for="dC5">C.陈小春</p>
<p><input type="radio" id="dD5" name="dan5"><label for="dD5">D.刘德华</p>
<input type="button" value="提交答案" onclick="dan5_answer()"><hr>
<span id="d5_tetion"></span>
</div>
<h2>二、多项选择题</h2>
<div id="box">
<p>1.一栋房子由哪几部分组成?</p>
<p><input type="checkbox" id="A"><label for="A">A.地基与基础,主体结构,屋面工程</label></p>
<p><input type="checkbox" id="B"><label for="B">B.装饰装修、给排水及采暖工程</label></p>
<p><input type="checkbox" id="C"><label for="C">C.空调与通风工程</label></p>
<p><input type="checkbox" id="D"><label for="D">D.智能化建筑工程</label></p>
<p><input type="checkbox" id="E"><label for="E">E.电梯工程、电气工程、节能工程</label></p>
<input type="button" value="提交答案" onclick="answer()"><hr>
<span id="tetion"></span>
</div>
<div id="box2">
<p>2.一栋房子由哪几部分组成?</p>
<p><input type="checkbox" id="A2"><label for="A2">A.地基与基础,主体结构,屋面工程</label></p>
<p><input type="checkbox" id="B2"><label for="B2">B.装饰装修、给排水及采暖工程</label></p>
<p><input type="checkbox" id="C2"><label for="C2">C.空调与通风工程</label></p>
<p><input type="checkbox" id="D2"><label for="D2">D.智能化建筑工程</label></p>
<p><input type="checkbox" id="E2"><label for="E2">E.电梯工程、电气工程、节能工程</label></p>
<input type="button" value="提交答案" onclick="answer2()"><hr>
<span id="tetion2"></span>
</div>
<div id="box3">
<p>3.一栋房子由哪几部分组成?</p>
<p><input type="checkbox" id="A3"><label for="A3">A.地基与基础,主体结构,屋面工程</label></p>
<p><input type="checkbox" id="B3"><label for="B3">B.装饰装修、给排水及采暖工程</label></p>
<p><input type="checkbox" id="C3"><label for="C3">C.空调与通风工程</label></p>
<p><input type="checkbox" id="D3"><label for="D3">D.智能化建筑工程</label></p>
<p><input type="checkbox" id="E3"><label for="E3">E.电梯工程、电气工程、节能工程</label></p>
<input type="button" value="提交答案" onclick="answer3()"><hr>
<span id="tetion3"></span>
</div>
<div id="box4">
<p>4.一栋房子由哪几部分组成?</p>
<p><input type="checkbox" id="A4"><label for="A4">A.地基与基础,主体结构,屋面工程</label></p>
<p><input type="checkbox" id="B4"><label for="B4">B.装饰装修、给排水及采暖工程</label></p>
<p><input type="checkbox" id="C4"><label for="C4">C.空调与通风工程</label></p>
<p><input type="checkbox" id="D4"><label for="D4">D.智能化建筑工程</label></p>
<p><input type="checkbox" id="E4"><label for="E4">E.电梯工程、电气工程、节能工程</label></p>
<input type="button" value="提交答案" onclick="answer4()"><hr>
<span id="tetion4"></span>
</div>
<div id="box5">
<p>5.一栋房子由哪几部分组成?</p>
<p><input type="checkbox" id="A5"><label for="A5">A.地基与基础,主体结构,屋面工程</label></p>
<p><input type="checkbox" id="B5"><label for="B5">B.装饰装修、给排水及采暖工程</label></p>
<p><input type="checkbox" id="C5"><label for="C5">C.空调与通风工程</label></p>
<p><input type="checkbox" id="D5"><label for="D5">D.智能化建筑工程</label></p>
<p><input type="checkbox" id="E5"><label for="E5">E.电梯工程、电气工程、节能工程</label></p>
<input type="button" value="提交答案" onclick="answer5()"><hr>
<span id="tetion5"></span>
</div>
<script type="text/javascript">
function dan1_answer(){dan_answer("dA1","dB1","dC1","dD1","dan1","d1_tetion","A")}
function dan2_answer(){dan_answer("dA2","dB2","dC2","dD2","dan2","d2_tetion","B")}
function dan3_answer(){dan_answer("dA3","dB3","dC3","dD3","dan3","d3_tetion","B")}
function dan4_answer(){dan_answer("dA4","dB4","dC4","dD4","dan4","d4_tetion","C")}
function dan5_answer(){dan_answer("dA5","dB5","dC5","dD5","dan5","d5_tetion","C")}
function dan_answer(da,db,dc,dd,dan,d_tetion,pd){
var A=document.getElementById(da).checked//alert(A)
var B=document.getElementById(db).checked
var C=document.getElementById(dc).checked
var D=document.getElementById(dd).checked
var d_Rightanswer=pd
var passW=saot(d_Rightanswer)//alert(passW)
var youW=saot([A,B,C,D])//alert(youW)
var youD=transABCDE([A,B,C,D])//你的答案
if(passW==youW){
document.getElementById(dan).innerHTML+="<style>#"+d_tetion+"{color:yellowbackground:red}</style>"
document.getElementById(d_tetion).innerHTML="你的答案:"+youD+"<br>---恭喜您,答对了!"}else{
document.getElementById(dan).innerHTML+="<style>#"+d_tetion+"{color:redbackground:#ccc}</style>"
document.getElementById(d_tetion).innerHTML="你的答案:"+youD+"<br>---回答错误!正确答案是:"+d_Rightanswer
}
}
function answer(){answerALL("A","B","C","D","E","box","tetion","ABCDE")}
function answer2(){answerALL("A2","B2","C2","D2","E2","box2","tetion2","ABCDE")}
function answer3(){answerALL("A3","B3","C3","D3","E3","box3","tetion3","ABCDE")}
function answer4(){answerALL("A4","B4","C4","D4","E4","box4","tetion4","ABCDE")}
function answer5(){answerALL("A5","B5","C5","D5","E5","box5","tetion5","ABCDE")}
function answerALL(a,b,c,d,e,box,tetion,RT){
var A=document.getElementById(a).checked
var B=document.getElementById(b).checked
var C=document.getElementById(c).checked
var D=document.getElementById(d).checked
var E=document.getElementById(e).checked
var arr=[A,B,C,D,E]
var youD=transABCDE(arr)//你的答案
var numA=saot(arr)
var Rightanswer=RT//将正确答案填在这里
var numB=saot(Rightanswer)
if(numA==numB){
document.getElementById(box).innerHTML+="<style>#"+tetion+"{color:yellowbackground:red}</style>"
document.getElementById(tetion).innerHTML="你的答案:"+youD+"<br>---恭喜您,答对了!"
}else{
document.getElementById(box).innerHTML+="<style>#"+tetion+"{color:redbackground:#ccc}</style>"
document.getElementById(tetion).innerHTML="你的答案:"+youD+"<br>---回答错误!正确答案是:"+Rightanswer
}
}
function transAtoN(answer){//将正确答案字母组成的字符串转换成一串0和1的数字
var arr=answer
var c=arr.split("")//分割字符串变成数组
//alert(c)
var num=0
for(var i in c){
if(c[i]=="A" || c[i]=="a"){num+=10000}
if(c[i]=="B" || c[i]=="b"){num+=1000}
if(c[i]=="C" || c[i]=="c"){num+=100}
if(c[i]=="D" || c[i]=="d"){num+=10}
if(c[i]=="E" || c[i]=="e"){num+=1}
}
return num
}
function transBER(arr){//将在多项选择中获得的选择布尔值转换成一串0和1的数字
var num=0
if(arr[0]){num+=10000}
if(arr[1]){num+=1000}
if(arr[2]){num+=100}
if(arr[3]){num+=10}
if(arr[4]){num+=1}
return num
}
function saot(t){//合并布尔值和字符串转成数字,自动选择适应程序!
if(typeof t=="string"){
var geta=transAtoN(t)
return geta
}else{
var getb=transBER(t)
return getb
}
}
function transABCDE(arr){
var chara=""
if(arr[0]){chara+="A"}
if(arr[1]){chara+="B"}
if(arr[2]){chara+="C"}
if(arr[3]){chara+="D"}
if(arr[4]){chara+="E"}
return chara
}
//alert(transABCDE([true,false,true]))
</script>
</body>
</html>
电子科技大学网络教育考卷(B卷)试题部分一、 单项选择题
1、在 文本框中输入数据后,数据以*号显示。
①单行文本框 ②多行文本框③数值文本框 ④密码文本框
2、导航条是指一组分别指向不同 的按钮,用于在一系列具有相同级别的网页间进行跳转。
①图片 ②链接地址 ③文本 ④热区
3、如果希望在一幅图像中创建多个链接区域,在Dreamweaver MX中通过设置 来实现。
①热区 ②切片 ③热点 ④切片或热区
4、当需要设置新建文件的背景时,可以在 面板中进行。
①属性 ②时间轴 ③工具面板 ④对其面板
5、在Dreamweaver MX中,下面关于定义站点的说法错误的是?
①首先定义新站点,打开站点定义设置窗口
②在站点定义设置窗口的站点名称(Site Name )中填写网站的名称
③在站点设置窗口中,可以设置本地网站的保存路径,而不可以设置图片的保存路径
④本地站点的定义比较简单,基本上选择好目录就可以了
6、在Dreamweaver MX 中,下面关于排版表格属性的说法错误的是:
①可以设置宽度 ②可以设置高度 ③可以设置表格的背景颜色
④可以设置单元格之间的距离但是不能设置单元格内部的内容和单元格边框之间的距离
7、在Dreamweaver MX 中,在设置各分框架属性时,参数Scroll是用来设置什么属性的
①是否进行颜色设置 ②是否出现滚动条 ③是否设置边框宽度 ④是否使用默认边框宽度
8、在Dreamweaver MX 中下面可以用来作代码编辑器的是:
①记事本程序(Notepad) ②Photoshop ③flash ④以上都可以
9、在Dreamweaver MX 中,有8中不同的垂直对齐图像的方式,要是图像的底部与文本的基线对齐要用那种对其方式:
①Baseline ②Absolute Bottom ③Bottom ④Browser Default
10、用Request对象可以获取5类客户端的信息,其中 可以获取HTTP请求中以POST方式提交的表单元素的值
①Quehavior ②bihavior ③scrollamount ④scrolldelay
11、在HTML中滚动文字标记marquee的滚动方式属性是:
①behavior ②bihavior ③scrollamount ④scrolldelay
12、ASP的内建对象Response控制给客户端送出信息的方法有3种,其中直接送出信息给客户端的是:
①Write ②Redirect③Cookies ④Buffer
13、下面关于Application对象的叙述中不正确的是:
①可实现多个用户共享信息的目的,如聊天室
②可以用Lock来锁定Application对象
③Application OnStart在Applination“结束后”才调用该程序
④Application对象的语法格式为:Application(“Application 名字“)=变量或字符串信息
14、SQL语言使用 语句删除数据库表格中的行或记录。
①UPDATE ②DELETE ③INSERT④SELECT
15、在HTML中, 不是body部分所包含的元素。
○1text ○2meta○3background○4bgcolor
16、在HTML中,字符大小分为6级,下列字符大小中最大的是:
○1h2 ○2h3○3h4 ○4h5
17、关于B/S和C/S编程体系,下面说法不正确的是:
○1B/S结构的编程语言分为浏览器端编程语言和服务器端编程语言
○2HTML和CSS都是由浏览器解释的,JavaScript语言和VBScript语言是在浏览器上执行的
○3目前应用领域的数据库系统全部采用关系型数据库
○4ASP和SUN公司推出的,是J2EE核心技术中最重要的一种
18、下面关于标记的说法不正确的是:
○1标记应填写在一对尖括号(<>)内
○2书写标记时,英文字母的大小写或混合使用大小写都是允许的
○3标记内可以包含一些属性,属性名称出现在标记的后面,并且以分号进行分隔
○4HTML对属性名称的排列顺序没有特别的要求
19、一下标记中, 可用于在网页中插入图像。
○1<IMG>标记○2<BR>标记○3<H3>标记○4<SRC标记
20、<input type=reset>是一个:
○1文本框 ○2重新填写的按钮 ○3下来菜单 ○4提供给服务器的按钮
21、HTML文件中的注释标记是:
○1<!--…--> ○2//…或/*…*/ ○3<%!...%> ○4<%--…--%>
22、单独存放ASP程序的文件扩展名是:
○1.html或.htm或.css ○2.asp○3.as○4.java
23、在HTML页面文件中为了显示“<>”应使用的符号串是:
○1&lt和&gt ○2&amp○3&quot ○4&nbsp
24、HTML标记<a href=”t.html #name”>xxx</a>表示:
○1跳转到另一个网站 ○2跳转到另一个网页 ○3跳转到另一个网页的某个地方
○4跳转到本页面的另外一个地方
25、在HTML中,用来显示滚动文字的标记对是:
○1<marpuee>…</marquee> ○2<scroll>…</scroll> ○3<motion>…</motion>
○4<move>…</move>
26、若有定义<style type=”text/css”>#abc{color:redfont-size:18px}</style>,则正确的使用是:
○1<div class=”abc”>xxx</div> ○2<p ID=”abc”>xxx</p>
○3<p type=abc>xxx</p> ○4<body style=abc>xxx</body>
27、要解释执行含有HTML、CSS和VBScript三种页面元素的客户端应用程序,必须使用:
○1记事本 ○2Word ○3Web浏览器 ○4Web服务器
28、要定义表单,应使用标记:
○1<span>…</span>○2<a href=”URL”>…</a> ○3<div>…</div>
○4<form>…</form>
29、在CSS中,下列关于颜色和背景属性的叙述不正确的是:
○1color属性用于设置前景色
○2Background-color属性用于定义背景色
○3Background-repeat属性用于定义背景图案的重复方式
○4Background-attachment属性用于定义背景图案的初始位置
30、在HTML中换行标记是
○1<li> ○2<br> ○3<hr> ○4<tr>
二、 判断题
1、 在表格的单元格中可以插入另一个表格,这称为表格的嵌套。
2、 在网页中插入文本框、单选框、多选框或跳转菜单时,要先插入空白的表单域。
3、 建立与电子邮件的超链接时,在属性面板的链接文本框中输入mailto: +电子邮件地址。
4、 CSS技术作为一种格式化网路的标准方式,主要的用途是定义网页数据的编排、显示、格式化特殊效果等,它扩展了HTML的功能。
5、 <table>标签用于声明表格,<td>用于表示单元格,<tr>用于表示表格的行。
6、 URL的意思是统一资源定位。
7、 在HTML标签中,<br>表示换行,<p>表示分段。
8、 <A hret=http://6677.y365.com.title=”摘要信息”>绿海星</A>的意思在文字绿海星上加链接http://6677.y365.com.
9、 在CSS中的ID选择符,应将#作为名称前缀。
10、 Request对象用于在服务器和客户端对话期间,检索客户端浏览器传递给服务器的值。
三、 问答题
1、 网页标题与网页文件名有什么不同?
2、 简述request对象和response对象的区别?
3、 内部超链接、外部超链接和锚记超链接有什么不同?
4、 样式在网页制作过程中有什么作用?
5、 什么是行为?有什么作用?
四、 分析计算
1、 画出下面网页文件在浏览器中的显示结果
<html>
<head>
<meta HTTP-EQUIV=”Content-Type”CONTENT=”text/htmlcharset=gb2312”>
<meta name=”GENERATOR”content=”Microsoft FrontPage 4.0”>
<meta name=”Progid”content=”FrontPage.Editor.Document”>
<title>框架设计</title>
</head>
<frameset rows=”25%,50%,*”>
<frame name=”top”src=”1.html”>
<frameset cols=”25%,50%,*”>
<frame name=”middle1” src=”2.html”>
<frame name=”middle2” src=”3.html”>
<frame name=”middle3” src=”4.html”>
</frameset>
<frameset cols=”50%,*”>
<frame name=”bottoml” src=”5.html”>
<frame name=”bottom2” src=”6.html”>
</frameset>
<noframes>
<body>
<p>此网页使用了框架,但您的浏览器不支持框架。</p>
</body>
</noframes>
</html>
网页文件1.html的内容为:
<html>
<body>
A<p>
</body>
</html>
网页文件2.html的内容为:
<html>
<body>
B<p>
</body>
</html>
网页文件3.html的内容为:
<html>
C<p>
</body>
</html>
网页4.html的内容为:
<html>
D<p>
</body>
</html>
网页5.html的内容为:
<html>
E<p>
</body>
</html>
网页6.html的内容为:
<html>
F<p>
</body>
</html>
2、 模仿谷歌google首页结构,制作一个主色彩为蓝色的页面。要求提供基本源代码。