web前端开发技术试卷三.doc

资源描述

Web前端开发技术课程考试试卷（三）总分100分考试时间：120分钟考试形式：闭卷一、选择题（每题1分，共20分） 1．HTML指的是__________。（A）超链接的文本标记语言（B）超文本标识语言（C）家庭工具标记语言（D）以上都不是 2．下列能够实现美化页面的语言是__________。（A）HTML （B）CSS （C）VFP （D）JavaScript 3．以下标记中用于设置内部样式表的标记的是__________。（A）<style> （B）<title> （C）<script> （D）<head> 4．要在段落的首行空两个汉字，要插入__________个空格 。（A）1 （B）3 （C）2 （D）4 5．在方程的解X1=2中下标“1”在HTML中可以使用__________标记实现。（A）<b> （B）<tt> （C）<sub> （D）<sup> 6．定义列表的HTML代码是__________。（A）<dt><dl>...<dd>...</dl> （B）<dd><dt>...<dl>...</dd> （C）<dt><dd>...<dl>...<t> （D）<dl><dt>...<dd>...</dl> 7．将超链接的目标网页在上一级的窗口中打开的方式是__________。（A）_parent （B）_self （C）_top （D）_blank 8. 设置表格边框颜色的HTML代码是___________。（A）<table color=""> （B）<th bordercolor=""> （C）<table bordercolor=""> （D）<th color=""> 9．关于HTML表格说法错误的是___________。（A）表格的width属性可以设置为像素或百分比（B）表格的height属性可以设置为像素或百分比（C）如果不指定border属性，表格默认宽度为1 （D）表格和单元格的背景色可以同时指定 10．嵌入多媒体文件的HTML的代码正确的是。（A）<embed url=""></embed> （B）<embed src=""></embed> （C）<a src="">…</embed> （D）<a url=""> …</embed> 11．在表单中插入列表框的正确的HTML代码是。（A）<input type="submit" ></input> （B）<textsrea name="textarea"></textarea> （C）<select multiple></select> （D）<input type=select ></input> 12．下列能够设置文本加粗的CSS属性值对是________。（A）font-weight:bold （B）style:bold （C）font:b （D）font="粗体" 13．去掉文本超链接的下划线的方法是。（A）a{text-decoration:no underline;} （B）a{underline:none;} （C）a{decoration:no underline;} （D）a{text-decoration:none;} 14．解释执行JavaScript的是。（A）服务器（B）编辑器（C）浏览器（D）编译器 15．下列赋值语句格式错误的是。（A）var nValue=35.00; （B）var nValue=nValue+35.00; （C）var nValue=someFunction()+35.00; //someFunction()已经定义（D）var firstName=lastName=middleName=""; 16．下列CSS的规则正确的是。（A）body{color:black;} （B） {body;color:black} （C）body:color=black （D） {body:color=black(body)} 17．图层引用已定义的类选择符正确的HTML代码是：。（A）<div idname=""; ></div> （B）<div class=""; ></div> （C）<div classname=""; ></div> （D）<div name=""; ></div> 18．下列属于<option>标记的属性是：。（A）value （B）size （C）checked （D）rows 19．下列运算符中表示逻辑或的运算符是。（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．如果var x=5,y="5";则（x===y）的结果是（18）。 14．在JavaScript脚本中自增运算i++等同于（19）语句。 15．在<select>中利用（20）属性可以定义下拉列表框的大小为5。三、看图编程（每空2分，共42分） 1．按下图所示效果，参照注释提示信息，完成代码填充。 <html> <head> <title> 有序列表 </title> </head> <body> <!— 填充说明：（1）直接使用标记使“新开课程”标题加粗；（2）指定列表项编号为大写字母；（3）从第三个开始编号；（4）指定列表项编号为数字；（5）从7开始编号 --> （1） <ol （2）（3） > <li>大学英语</li> <li>高等数学</li> <li （4）（5） >计算机科学导论</li> <li>Web前端开发技术</li> <li>大学物理</li> </ol> </body> </html> 2．按下图所示效果，参照注释提示信息，完成代码填充。 <html> <head> <title>设定跨行的表格</title> </head> <body> <!—填充说明：（6）设置边框宽度为1；（7）设置单元格跨行；（8）设置单元格垂直居中对齐；（9）设置单元格跨列；（10）设置单元格水平居中对齐；--> <table width="600" （6） cellpadding="0" cellspacing="0" align="center"> <caption>课程表</caption> <tr> <th>节次</th><th>星期一</th><th>星期二</th> <th>星期三</th><th>星期四</th> <th>星期五</th> <tr> <tr> <td>第1节</td><td>体育</td><td>大学英语</td><td>高等数学</td> <td （7）（8） >数据结构</td> <td>Web开发</td> </tr> <tr> <td>第3节</td><td>大学英语</td> <td>高等数学</td> <td>数据结构</td> <td>Web开发实验</td> </tr> <tr><td （9）（10） >适用时间：2008-2009第一学期083007班</td></tr> </table> </body> </html> 3．按下图所示效果，参照注释提示信息，完成代码填充。 <html> <head> <title> 样式表-排版 </title> <style type="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> </head> <body> <p （16） >核心提示：3月30日，京东商城推出火车票预订和代购业务。目前提供火车票代购业务的商业网站还有去哪儿网、携程、铁友旅行网（以下简称铁友网）等。铁道部称，12306网站是销售火车票的唯一专业网站，铁路部门没有授权或委托任何其他网站开展火车票发售或代购业务。 <span class="p3">commissioner, independent commission</span></p> </body> </html> 4．按下图所示效果，参照注释提示信息，完成代码填充。 <html> <head> <title> 改变网页页面字的大小 </title> <style type="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）设置超链接单事件句柄 --> <script type=" （18） "> function setfont(size){ var obj= （19） ("content"); obj.style.fontSize=size; obj.style.color="#ff0000";} </script> </head> <body> <h2 align="center">用JavaScript代码改变网页字体大小</h1> <div>设定字体大小:   <a （20） ="javascript:setfont('12px')">小</a>   <a href="#" （21） ="javascript:setfont('18px');">中</a>   <a href="javascript:setfont('24px');">大</a></div> <div id="content"> <p>JavaScript是一种能让你的网页更加生动活泼的程式语言，也是目前网页中设计中最容易学又最方便的语言。</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分)

展开阅读全文