web前端开发技术试卷三

Web前端开发技术课程考试试卷（三）总分100分考试时间：120分钟考试形式：闭卷一、选择题（每题1分，共20分）1．HTML指的是__________。（A）超链接的文本标记语言（B）超文本标识语言（C）家庭工具标记语言（D）以上都不是2．下列能够实现美化页面的语言是__________。（A）HTML（B）CSS（C）VFP（D）JavaScript3．以下标记中用于设置内部样式表的标记的是__________。（A）style（B）title（C）script（D）head4．要在段落的首行空两个汉字，要插入__________个空格 。（A）1（B）3（C）2（D）45．在方程的解X1=2中下标“1”在HTML中可以使用__________标记实现。（A）b（B）tt（C）sub（D）sup6．定义列表的HTML代码是__________。（A）dtdl...dd.../dl（B）dddt...dl.../dd（C）dtdd...dl...t（D）dldt...dd.../dl7．将超链接的目标网页在上一级的窗口中打开的方式是__________。（A）_parent（B）_self（C）_top（D）_blank8.设置表格边框颜色的HTML代码是___________。（A）tablecolor=（B）thbordercolor=（C）tablebordercolor=（D）thcolor=9．关于HTML表格说法错误的是___________。（A）表格的width属性可以设置为像素或百分比（B）表格的height属性可以设置为像素或百分比（C）如果不指定border属性，表格默认宽度为1（D）表格和单元格的背景色可以同时指定10．嵌入多媒体文件的HTML的代码正确的是。（A）embedurl=/embed（B）embedsrc=/embed（C）asrc=…/embed（D）aurl=…/embed11．在表单中插入列表框的正确的HTML代码是。（A）inputtype=submit/input（B）textsreaname=textarea/textarea（C）selectmultiple/select（D）inputtype=select/input12．下列能够设置文本加粗的CSS属性值对是________。（A）font-weight:bold（B）style:bold（C）font:b（D）font=粗体13．去掉文本超链接的下划线的方法是。（A）a{text-decoration:nounderline;}（B）a{underline:none;}（C）a{decoration:nounderline;}（D）a{text-decoration:none;}14．解释执行JavaScript的是。（A）服务器（B）编辑器（C）浏览器（D）编译器15．下列赋值语句格式错误的是。（A）varnValue=35.00;（B）varnValue=nValue+35.00;（C）varnValue=someFunction()+35.00;//someFunction()已经定义（D）varfirstName=lastName=middleName=;16．下列CSS的规则正确的是。（A）body{color:black;}（B）{body;color:black}（C）body:color=black（D）{body:color=black(body)}17．图层引用已定义的类选择符正确的HTML代码是：。（A）dividname=;/div（B）divclass=;/div（C）divclassname=;/div（D）divname=;/div18．下列属于option标记的属性是：。（A）value（B）size（C）checked（D）rows19．下列运算符中表示逻辑或的运算符是。（A）&&（B）||（C）!（D）++20．下列属于鼠标指针悬停在对象上发生的事件是。（A）onMouseOut（B）onMouseOver（C）onSelect（D）onClick二、填空题（每题0.5分，共10分）1．HTML文件的扩展名可以是（1）或（2）。2．在HTML文件里，文本格式化标记中（3）标记可用来设置删除效果。3．一个完整的HTML文件包含（4）和（5）等两部分（填标记名称）。4．在a标记中定义窗口弹出方式的属性是（6）。5．设置背景音乐除了使用bgsound标记外还可以使用（7）标记来播放背景音乐。6．表格的（8）属性指定了单元格中内容与单元格边框之间的空间大小。7．一个有三个框架的Web页，实现上独立的HTML文件有（9）个。8．标识符可以（10）或（11）开始，由字母、数字和下划线组成，不能出现空格或制表符。9．在表单中让用户从互斥的选项中只能选一项，可使用type为“（12）”的输入框。10．控制框架集窗口周围是否出现边框线的属性是（13）。11．CSS中有4种定义颜色的方法分别是（14）、（15）、（16）和RGB（百分比）。12．导入样式表必须放在内部样式表里的是第（17）行，否则导入样式无效。13．如果varx=5,y=5;则（x===y）的结果是（18）。14．在JavaScript脚本中自增运算i++等同于（19）语句。15．在select中利用（20）属性可以定义下拉列表框的大小为5。三、看图编程（每空2分，共42分）1．按下图所示效果，参照注释提示信息，完成代码填充。htmlheadtitle有序列表/title/headbody!—填充说明：（1）直接使用标记使“新开课程”标题加粗；（2）指定列表项编号为大写字母；（3）从第三个开始编号；（4）指定列表项编号为数字；（5）从7开始编号--（1）ol（2）（3）li大学英语/lili高等数学/lili（4）（5）计算机科学导论/liliWeb前端开发技术/lili大学物理/li/ol/body/html2．按下图所示效果，参照注释提示信息，完成代码填充。htmlheadtitle设定跨行的表格/title/headbody!—填充说明：（6）设置边框宽度为1；（7）设置单元格跨行；（8）设置单元格垂直居中对齐；（9）设置单元格跨列；（10）设置单元格水平居中对齐；--tablewidth=600（6）cellpadding=0cellspacing=0align=centercaption课程表/captiontrth节次/thth星期一/thth星期二/thth星期三/thth星期四/thth星期五/thtrtrtd第1节/tdtd体育/tdtd大学英语/tdtd高等数学/tdtd（7）（8）数据结构/tdtdWeb开发/td/trtrtd第3节/tdtd大学英语/tdtd高等数学/tdtd数据结构/tdtdWeb开发实验/td/trtrtd（9）（10）适用时间：2008-2009第一学期083007班/td/tr/table/body/html3．按下图所示效果，参照注释提示信息，完成代码填充。htmlheadtitle样式表-排版/titlestyletype=text/css.p3{text-transform:capitalize;}/*类选择p4定义说明：(11)段首空2个字符；(12)设置行高为35px；(13)设置背景色为#000033；(14)设置文字居中对齐(15)设置字符间距为2px;(16)引用样式p4*/.p4{（11）;（12）;（13）;（14）;（15）;color:#ffffff;}/style/headbodyp（16）核心提示：3月30日，京东商城推出火车票预订和代购业务。目前提供火车票代购业务的商业网站还有去哪儿网、携程、铁友旅行网（以下简称铁友网）等。铁道部称，12306网站是销售火车票的唯一专业网站，铁路部门没有授权或委托任何其他网站开展火车票发售或代购业务。spanclass=p3commissioner,independentcommission/span/p/body/html4．按下图所示效果，参照注释提示信息，完成代码填充。htmlheadtitle改变网页页面字的大小/titlestyletype=text/css#content{/*填充说明（17）设置边框宽度2px、线型groove、颜色#0000cc*/font-size:12px;line-height:200%;padding:10px;background:#000099;color:white;（17）;}p{text-indent:2em;}/style!—填充说明：（18）设置type属性值；（19）通过ID获取元素方法；（20）超链接的关键属性；（21）设置超链接单事件句柄--scripttype=（18）functionsetfont(size){varobj=（19）(content);obj.style.fontSize=size;obj.style.color=#ff0000;}/script/headbodyh2align=center用JavaScript代码改变网页字体大小/h1div设定字体大小:  a（20）=javascript:setfont('12px')小/a  ahref=#（21）=javascript:setfont('18px');中/a  ahref=javascript:setfont('24px');大/a/divdivid=contentpJavaScript是一种能让你的网页更加生动活泼的程式语言，也是目前网页中设计中最容易学又最方便的语言。/p/div/body/htmL四、编程题（12分）1．框架编程（6分）。按照如下要求编程实现如图所示页面布局效果。（1）页面标题为“框架页面布局”；（2）页面布局采用主体水平分割成上、中、下三个部分，比例为15%、70%、15%；（3）中间部分再次垂直分割成左、中、右三部分，比例分别为30%、40%、30%；（4）分别给每个框架命名，名称分别为“top、left、center、right、bottom”。2．JavaScript编程（6分）计算圆的面积。按下图页面效果，编程实现所需功能。（1）表单中设置2个文本框、1个按钮、1个重置按钮，其中圆的面积文本框设置为只读；（2）编写两个自定义函数，分别是计算圆的面积函数area（radius）、在页面上显示结果show()，并在show()函数中调用area(radius)函数；（3）输入完半径后，点击“计算圆的面积”按钮后，将计算结果显示在“圆的面积”文本框中；（4）点击“重置”按钮后，将所有文本框清空；（5）圆的面保留2位小数。五、问答题（16分）1．写出URL三大组成部分的作用，并举例说明。(4分)2．写出无序列表结构语法，无序列表的列表项符号通过什么属性去更改？有几种不同的取值（英文表示）？(6分)3．通过DOM访问网页元素的方法有几种？分别是什么？(6分)