web前端开发技术试卷三(6页).doc

资源ID：35430149 资源大小：322KB 全文页数：6页
资源格式： DOC 下载积分：15金币

快捷下载

会员登录下载

微信登录下载

三方登录下载：

微信扫一扫登录

下载资源需要15金币

邮箱/手机：
温馨提示：	快捷下载时，用户名和密码都是您填写的邮箱或者手机号，方便查询和重复下载（系统自动生成）。如填写123，账号就是123，密码也是123。
支付方式：
验证码：	换一换

账号：
密码：
验证码：	换一换
当日自动登录忘记密码？

友情提示

1、下载资料失败解决办法

2、PDF文件下载后，可能会被浏览器默认打开，此种情况可以点击浏览器菜单，保存网页到桌面，就可以正常下载了。

3、本站不支持迅雷下载，请使用电脑自带的IE浏览器，或者360浏览器、谷歌浏览器下载即可。

4、本站资源下载后的文档和图纸-无水印,预览文档经过压缩，下载后原文更清晰。

5、试题试卷类文档，如果标题没有明确说明有答案则都视为没有答案，请知晓。

网站客服

侵权投诉

web前端开发技术试卷三(6页).doc

-web前端开发技术试卷三-第 6 页Web前端开发技术课程考试试卷（三）总分100分考试时间：120分钟考试形式：闭卷一、选择题（每题1分，共20分）1HTML指的是_。（A）超链接的文本标记语言（B）超文本标识语言（C）家庭工具标记语言（D）以上都不是2下列能够实现美化页面的语言是_。（A）HTML（B）CSS（C）VFP（D）JavaScript3以下标记中用于设置内部样式表的标记的是_。（A）<style>（B）<title>（C）<script>（D）<head>4要在段落的首行空两个汉字，要插入_个空格 。（A）1 （B）3（C）2 （D）45在方程的解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）_blank8. 设置表格边框颜色的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）atext-decoration:no underline;（B）aunderline:none;（C）adecoration:no underline; （D）atext-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）bodycolor: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）rows19下列运算符中表示逻辑或的运算符是。（A）&& （B）|（C）! （D）+20下列属于鼠标指针悬停在对象上发生的事件是。（A）onMouseOut （B）onMouseOver （C）onSelect （D）onClick二、填空题（每题0.5分，共10分）1HTML文件的扩展名可以是（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）。11CSS中有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"> .p3text-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） ; ptext-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”。2JavaScript编程（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分)

注意事项

本文（web前端开发技术试卷三(6页).doc）为本站会员（1595****071）主动上传，淘文阁 - 分享文档赚钱的网站仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对上载内容本身不做任何修改或编辑。若此文所含内容侵犯了您的版权或隐私，请立即通知淘文阁 - 分享文档赚钱的网站（点击联系客服），我们立即给予删除！

温馨提示：如果因为网速或其他原因下载失败请重新下载，重复下载不扣分。