Web前端开发技术课程考试试卷（二）
总分100分考试时间：120分钟考试形式：闭卷
一、选择题（每题1分，共20分）
1．Web标准的制定者是。
（A）微软公司（B）网景公司（Netscape）
（C）万维网联盟 (W3C) （D）对象
2．下列不可能编辑HTML代码软件是。
（A）Edit Plus （B）Text Pad
（C）Dreamweaver （D）VFP
3．样式表通常放置在下列标记内。
（A）<body> （B）<title>
（C）<head> （D）<caption>
4．HTML文件后缀名通常为。
（A）*.html或*.htm （B）*.js
（C）*.css （D）*.txt
5．在HTML中，设置2号标题字使用标记是。
（A）<font>2</font> （B）<h2>2</h2>
（C）<hn>2 </hn> （D）<h6>2</h6>
6．设置<font>中文字的大小为4，正确的属性赋值语句是。
（A）<font size="4">你好！</font> （B）<font font-size="4">你好！</font> （C）<font size="4px">你好！</font> （D）都不对
7．以下关于文本格式标记描述正确的是。
（A）<sup>设置下标（B）<b>加粗显示文字
（C）<del>定义列表（D）<font>标记不可以设置字符串的颜8. 将<embed>标记的autostart的值设置时可以实现下载完立即自动播放。
（A）-1 （B）false
(C) infinite （D）true
9．以下创建E-mail链接的方法，正确的是___________。
（A）<a href="master@163" >管理员</a>
（B）<a href="callto:master@163" >管理员</a>
（C）<a href="mailto:master@163" >管理员</a>
（D）<a href="E-mail:master@163" >管理员</a>
10．以下标记中用于定义单元格的是。
（A）<td> </td>（B）<tr>…</tr>
（C）<caption>…</caption>（D）<table> …</table> 11．以下HTML代码中链入外部样式表的是。
（A）<script type="text/css" src="layout.css" >
（B）<link type="text/css" rel="stylesheet" href=”layout.css”>
（C）@import url("layout.css");
（D）<link type="text/css" rel="stylesheet" src=”layout.css”>
12．以下不是框架的分割方法的是为________。
（A）水平分割（B）垂直分割
（C）嵌套分割（D）对角线分割
13．在DOM中通过元素ID号访问对象正确方法是。
（A）ElementsByName("元素名称")
（B）ElementsByTagName("标记名称")
（C）ElementById("元素id")
（D）ElementsById("元素id")
14．下列属性可以设置图层重叠。
（A）left（B）z-index
（C）position（D）width
15．向页面输出“Hello World”正确的JavaScript语法是。
（A）“Hello World”
（B）<h4>Hello World </h4><br/>
（C）document.write("Hello World ");
（D）alert("Hello World ");
16．在JavaScript中，下列表示结束本次循环开始下一次循环的语句是。
（A）break; （B）begin;
（C）stop ; （D）continue;
17．设置text-decoration属性的删除线的值是：。
（A）underline （B）overline
（C）line-through （D）blink
18．下列列表产生带有正方形项目符号的属性值对是：。
（A）list-type:square （B）type:square
（C）square （D）list-style-type:square
19．设置段落缩进的属性为。
（A）text-indent （B）word-spacing
（C）text-decoration （D）text-align
20．下列标识符命名正确的是。
（A）3as_*l?5 （B）s_12_if_3
（C）else （D）break
二、填空题（每空0.5分，共10分）
1．通常将网站的首页面称之为（1），在主页可以通过（2）链入其它页面。2．在HTML文件里，注释除了<!-- ** -->外还可以使用（3）标记来添加注释。3．表示水平分隔线高度的属性是（4），而表示图层高度的属性是（5）。4．在<img>标记中显示图像的说明文字的属性是（6）。
5．在滚动文字<marquee>标记中behavior属性有scroll、slide、（7）等3种取值。6．将表格边框设置为3的可通过<table （8）=”3”> 。
7．在<form>标记中有三个重要的属性是name、（9）、method。
8．在#div1{color:red;}中div1是（10）选择符，在p{font-size:24px;}中p是（11）选择符。
9．定义一个变量student为数组的语句是（12）。
10．HTML中设置颜的方法有两种，分别是直接用颜的英文名称、（13）。11．设置背景图片的3个关键属性是设置图片、位置、重复背景图片，它们对应的属性名称是（14）、（15）、（16）。
12．根据本地时间格式，把Date 对象转换为字符串的方法是（17）。
13．在网页中设置浮动框架可使用标志是（18）>。
14．可把Number四舍五入为指定小数位数的数字可使用Number对象的（19）方法。
15．定义自定义列表的列表项使用（20）标记。
三、看图编程（每空2分，共42分）
<html>
<head>
<title> 格式化文本</title>
</head>
<body>
（1）<!--用2号标题字显示“HTML”-->
<p>
<font （2）color="green" size="3"> <! --字体为“幼圆”-->
；早期的HTML语法被定义成较松散的规则，以有助于不熟悉网络出版的人采用。网页浏览器接受了这个现实，并且可以显示语法不严格的网页。
</font><p>
<hr size=3 color="green">
<p （3）> <!—版权段落内容居中显示-->
版权所有© xxx工作室</p>
（4）<!— 显示邮件地址为E-mail:admin16@163-->
</body>
</html>
2．用CSS+DIV完成下图页面布局设计，并按注释提示信息填充代码。
<html>
<head>
<title> DIV+CSS综合应用</title>
<style type="text/css">
#header{
（5）; /* 头部宽度为100% */
height:70px;background:#99ff66;border-bottom:2px solid #ffffff;}
#mainbody{width:100%;height:300px;border-bottom:2px solid #ffffff;}
#left{
（6）; /*左边图层向左浮动*/
background:#99ff33;width:25%;height:300px;
（7）; /*图层右边框2px、实线、白#ffffff*/
}
#middle{web前端开发笔试题库
（8）/*中间图层上、下边距为0，左、右边距为25% */
background:#ccff66;height:300px;}
#right{float:right;background:#99ff00;width:25%;height:300px;}
#footer{width:100%;height:50px;background:#99ff00;}
#clearfloat{clear:both;border-bottom:2px solid #ffff00;}
</style>
</head>
<body>
<div （9）>头部</div> /*引用头部样式*/
<div id="mainbody" >
<div id="left" >左边</div>
<div id="right" >右边</div>
<div id="middle" >中间</div>
</div>
<div id="footer" > 版权部分</div>
</body>
</html>
3．按下面完成成绩表设计，并根据提示信息完成代码填充。
<html>
<head>
<title> 表格应用</title>
<style type="text/css">
tr{text-align:center;
（10）; /*设置行垂直居中对齐*/
height:16px;}
td{font-weight:bold}
（11）{ /*定义类选择red*/
（12）; /*颜为红，用于表示不及格课程成绩*/
}
</style>
</head>
<body>
<table borderclor="#000000" border="1" bgcolor="#99ff00" （13）align="center" width="600px" height="200px"> /*设置背景图片为“examb3.jpg”*/
<caption><font face="黑体" size="3" color="#000000">学生学期成绩表
</font></caption>
<tr （14）> /*设置表格行水平对齐方式为居中*/
<td （15）>序号</td> /*设置序号单元跨2行，学号、姓名同样略去*/
<td （16）>第一学期成绩</td> /* 设置单元跨5列*/
</tr>
<tr>
<td> ；英 ；语</td> <td> ；高 ；数</td>
<td> ；学科导论</td> <td> ；就 ；业</td>
<td> ；总 ；分</td>
</tr>……
<tr>
<td>2</td> <td>1019200102</td> <td>张子明</td>
<td>60</td>
<td （17）>45</td> /* 课程成绩小于60分时，引用red样式*/
<td>66</td>
<td ><font color="red">55</font></td>
<td>303</td>
</tr> </table>
</body>
</html>
4．以下定义一个检查用户名是否合法的函数，根据注释提示信息完成代码填充。
<html>
<head>
<script type="text/javascript">
function checkusername(){
var name1=myform.username.value; //全局变量
if (（18）) //name1为空字符或不输入时
{ alert("用户名不能空！");}
else //有内容时
{ var firstchar=name1.（19）; //取首字符函数
if (firstchar>="0" && firstchar<="9") //首字符不能为数字
{ alert("用户名必须以字母开关头！");
}else {
if (（20）) //name1的长度小于6或大于20
{ alert("用户名长度大于等于6且小于等于20！"); }}}}
</script>
</head><body>
<form name="myform" method="post" action="">
<b>表单验证</b><br>
用户名：<input type="text" name="username" ><br>
<input type="button" value="检查" （21）> /*指定单击事件代码checkusername */
<input type="reset" value="重置"><br>
</form>
</body>
</html>
四、编程题（12分）
1．表单编程（6分）。
按照如下要求编程实现如图所示页面布局效果。
（1）页面标题为“留言簿”；
（2）表单中添加1个文本框、1个密码框、1个文本区域、1个提交按钮、1个重置按钮，其中姓名文本框最大长度为10、密码框最大长度为15、文本区域为5行40列；
（3）用3号标题设置页面上的“留言簿”；
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。
发表评论