学生填写
内容
专业班级姓名学号
密
封
区
教师填写
内容
考试类型
考试【】考查【】
命题人
读未来百家号审批
绝密★启用前 web前端开发技术
一、选择题（每题1分，共20分）
1．HTML指的是__________。
（A）超链接的文本标记语言（B）超文本标识语言（C）家庭工具标记语言（D）以上都不是
2．下列能够实现美化页面的语言是__________。
（A）HTML （B）CSS （C）FTP （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}web前端开发笔试题库
（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>java 语言程序设计</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; lor="#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分)
参考答案
一、选择题（每题1分，共20分） （1） html （2） htm
（3） <del> （4） <head> 或头部 （5） <body>或主体 （6） target （7） <embed> （8） cellpadding （9） 4 （10） 字母 （11） 下划线 （12） radio （13） frameborder （14） 英文颜名称 （15） 十六进制数 （16） RGB （整数）或RGB （R ，G ，B ）
（19） 1 或首 或一 （18） false （19） i=i+1 （20） size 三、看图填充程序（每空2分，共42分）
（1） <b>新开课程</b> 或<strong>…</strong> （2） type="A" （3） start="3" （4） type="1" （5） value="7" （6） border="1" （7） rowspan="2" （8） valign="middle" （9） colspan="6" （10） align="center" （11） text-indent:2em （12） line-height:35px 13） background:#000033或background-color: #000033 （14） text-align:center
（15） letter-spacing:2px （16） class="p4" （17） border:2px groove #000
0cc （18） text/javascript （19） ElementById （20） href （21） onclick
四、编程题（每题6分，共12分）（超出页面转反面） 1．框架编程（6分）。
<html>
<head>
<title> 框架页面布局 </title> <!-- 1分 --> </head>
<frameset rows="15%,70%,*" > <!-- 1分 --> <frame src="" name="top"> <!-- 1分 -->
横线以内不许答题
<frameset cols="30%,40%,*"> <!-- 2分 --> <frame src="" name="left"> <frame src="" name="center">
<frame src="" name="right">
</frameset>
<frame src="" name="bottom"> <!-- 1分 -->
</frameset> </html>
评分细则：如果部分代码正确，可酌情给分，框架命名正确每项最多给0.5分。 2.JavaScript 编程 <html> <head>
<title>计算圆面积 </title>
<script type="text/javascript">
function area(radius){ //2分 var circlearea=Math.PI*radius*radius; return circlearea;
}
function show(){ // 2分
var ElementById("radius_text").value;
} </script> </head> <body>
<h3>计算圆的面积</h3>
<form method="post" action=""> <!-- 1分 -->
圆的半径：<input type="text" name="radius_text" id="radius_text"><br>
圆的面积：<input type="text" name="area_text" id="area_text" readonly ><br> <input type="button" value="计算圆的面积" onclick="show();"> // 1分
<input type="reset">
</form> </body>
</html>
评分细则：area(radius)函数没有返回语句扣0.5分；没有使用<form>标签扣1分；没有设置只读属性扣0.5分；面积计算未保留2位小数扣0.5分。 五、问答题
1．写出URL 三大组成部分的作用，并举例说明。(4分)
答：scheme://host.domain:port/path/filename (1分) <URL 的访问方式>://<；主机>:<；端口>/<；路径
>
URL 由三大部分组成，分别是服务类型（协议）、主机或域名和端口、文件路径（3分）。 localhost:8080/index.html
（2分）；（2分）。
2．写出无序列表结构语法，无序列表的列表项符号通过什么属性去更改？有几种不同的取值（英文表示）？(6分)
答：（1）无序列表结构（2分）； <ul type= “disc ”>
<li>…</li> <li>…</li> </ul>
（2）无序列表的列表项符号通过type 属性去更改 （1分）；
（3）有三种不同的取值分别：disc(实心点)、circle(空心圆)、square(黑方块) （3分）。 3．通过DOM 访问网页元素的方法有几种？分别是什么？(6分) 答：DOM 访问网页元素的方法有三种。
（1）通过ElementById(“元素I d”)（2分）；
（2）通过Name ，获取同类名称的数组，ElementsByName(“元素名称”)（2分）； （3）通过TagName ，获取同类标记的数组，ElementsByTagName(“标记名称”)（2分）；
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。
发表评论