失眠网 > Web前端开发技术期末试题与答案4

Web前端开发技术期末试题与答案4

时间：2018-07-24 14:19:45

相关推荐

Web前端开发技术期末试题与答案4

绝密★启用前Web前端开发技术

总分100分考试时间：120分钟考试形式：闭卷

一、选择题（每题1分，共20分）

1．用HTML标记语言编写一个简单的网页，网页最基本的结构是（）。

（A）<html> <head>…</head> <frame>…</frame> </html>

（B）<html> <title>…</title> <body>…</body> </html>

（C）<html> <title>…</title> <frame>…</frame> </html>

（D）<html> <head>…</head> <body>…</body> </html>

2．下列语言可以实现网页外观表现。

（A）HTML （B）CSS （C）C++ （D）JavaScript

3．以下标记中用于设置表格标题的是。

（A）<caption> （B）<title>（C）<pre> （D）<comment>

4．下面是段落标记。

（A）<pre> （B）<dd> （C）<font> （D）<p>

5．在HTML中，标记<center>的作用是。

（A）信息居中显示（B）信息居左排列（C）信息居右排列（D）没有作用

6．下列哪一个属性不属于水平分隔线<hr>标记的属性。

（A）color （B）face （C）align （D）size

7．以下是有序列表标记。

（A）<ol></ol> （B）<ul></ul>（C）<dl></dl> （D）<li></li>

8. 下列哪一项表示根路径是。

（A）ftp://219.11.68.123（B）images/tu.gif

9．以下标记中，用于定义一个单元格的是_________。

（A） <caption>…</caption> （B）<tr>…</tr>

（C） <table>…</table> （D）<td>  </td>

10．在CSS文字、排版、边界等的设置上，经常用到长度单位，下列表示像素单位是。

（A）px （B）ex （C）cm（D）pt

11．以下支持<select>多选的属性是。

（A）name （B）multiple （C）size （D）rows

12．<marquee> ... </marquee>，表示________。

（A）页面空白（B）页面属性（C）标题传递（D）滚动文字

13．以下的HTML中，_________是正确引用外部样式表的方法？

（A）<style src="mystyle.css">

（B）<link rel="stylesheet" type="text/css" href="mystyle.css">

（C）<stylesheet>mystyle.css</stylesheet>

（D）<style type="text/css">…</style>

14．下列设置body的前景颜色的CSS语法正确的选项。

（A） body:color=black （B）body{color:black;}

（C）{body:color=black(body)}（D） {body;color:black}

15．下列设置“上边距：10px、下边距：10px、左边距：40px、右边距：40px”边距属性正确的是。

（A）margin:10px 10px 40px 10px （B）padding: 10px 40px 10px 40px

（C）margin:10px 40px （D）margin-top:20px 30px 40px 50px

16．在JavaScript中，满足变量y小于50或者大于100条件的正确表达式是。

（A） (y<50 & y>100)（B）(y<50 || y>100)

（C） (y<50 or y> 100) （D）(y>=50 && y<100)

17．设s1和s2均为字符类型变量，s1="JavaScript"，则将s1中“S”赋给s2正确的语句是：。

（A）s2="S" （B）s2=s1.charAt("S") （C）s2=s1.charAt(4) （D）s2=s1.charAt(5)

18．定义JavaScript数组的正确方法是 _________

（A）var txt = new Array("tim","kim","jim")

（B）var txt = new Array(1:"tim",2:"kim",3:"jim")

（C）var txt = new Array="tim","kim","jim"

（D）var txt = newArray:1=("tim")2=("kim")3=("jim")

19．下列___ ___可以产生带有正方形的符号的列表。

（A） list-type: square （B） list-style-type: square（C） type: square（D） type: 2

20．下列选项中是求出两个数最小数？。

（A）Math.round(-1,50) （B）Math.max(-1,50) （C）Math.min(-1,50) （D）top(-1,50)

二、填空题（每空1分，共20分）

1．HTML标记分为两类，一类如<body>是（1）标记，另一类如<br>是（2）标记(用汉字表达)。

2．在HTML文件里，空格符号的代码是（3）。

3．常用的列表有无序列表、（4）、（5） (用汉字表达) 。

4．要实现超链接在指定窗口中打开目标网页需要设置（6）属性值。

5．设置表格的宽度为"600px"的属性赋值表达式是（7） ="600px"。

6．设置子框架的名称为"left"的语句是<frame （8） ="left" > 。

7．定义密码输入框，可通过<input type= （9） name=“pwd” id=“pwd” />来定义。

8．CSS中设置字体样式的属性是（10），设置段落缩进的属性是（11）。

9．根据本地时间格式，把 Date 对象today转换为字符串的方法today. （12）。

10．125.256.toFixed(2)结果是（13）。

11．表单method属性的取值可以为（14）和（15）之一，其默认方式是（16）。

12．插入图片可使用标记是（17）。

13．设置表格跨3列属性赋值表达式是（18） ="3"。

14．加载外部JavaScripte脚本可使用<script type=" text/javascript" 19） =“computer.js”>。

15．设置窗口高度或宽度的数值可以设置为像素，也可以设置为（20）。

三、看图编程（每空2分，共36分）

1．右图显示效果，完善程序代码（4分）。

填充说明：（1）填写开始标签；（2）空2个汉字位置。

<html>

<head>

__(1)___ 开启Web前端开发之旅 </title>

</head>

<body>

<h3>网页设计初步</h3>

<p>___(2)___Web前端开发很适用！</p>

</html>

2．按右图页面效果，完成代码填充（8分）。

填充说明：（3）居中排列；（4）颜色属性；（5）字体大小；（6）字体颜色绿色（英文名称）。

<h3 ___(3)___>web前端开发技术</h3>

<p>    《<font __(5)__="5" color="___(6)__">网络社区发现》综合了国内、外社区发现技术的研究成果，阐述了社区现象的背景和原理、社区发现的技术以及社区发现的典型应用。</font> </p>

</body>

3．按右图页面效果，完成代码填充（12分）。

填充说明：（7）type属性取值；（8）字体大小28px；（9）字体粗细为粗体；（10）列表项标记样式；（11）列表项符号为空心圆；（12）无序列表结束标记。

<title> 无序列表与CSS </title>

b{__(8)___;color:red; ___(9)__;}

__(10)__{font-size:24px;color:green;}

</style>

<b>计算机类课程</b>

<li>计算机导论</li>

<li>数据库原理及应用</li>

<li>JSP开发实例</li>

<li>网络管理技术</li>

___(12)____

4．按右图页面效果，完成代码填充（12分）。

填充说明：（13）填充属性；（14）边界属性；（15）取第1位字符；（16）name1的长度大于20；（17）指定事件代码；（18）按钮类型：提交。

div{margin:0 auto;

__(13)__:30px 40px 30px;}

table{

border:2px #0000cc double;

text-align:center;

__(14)__:0 auto;

}

#td1{text-align:right;

font-size:20px;

color:#6600ff;}

#td2{text-align:left;}

label{color:red;font-weight:bold;}

//检查用户名的有效性、必填项验证

function checkusername(){

var name1=myform.username.value; //全局变量

if (name1=="" || name1==null ) //为空或不输入时

{ alert("用户名不能空！");}

else //有内容时

{ var firstchar=name1.__(15)____;

if (firstchar>="0" && firstchar<="9") //首字符不能为数字

{alert("用户名必须以字母开关头！");}

else {

if (name1.length<6 ||___(16)___)

{alert("用户名长度大于等于6且小于等于20！"); }}}

</script>

</tr>

</tr></table></form>

</div></body></html>

四、编程题（12分）

1．表格编程（6分）。

按照如下要求编程实现如图所示3行3 列的表格。

（1）用表格标记设置表格标题；

（2）设置表格边框宽度为2，边框颜色为红色；

（3）单元格内容水平居中，字体为“宋体”，必须用采用内部样式表定义。

2．JavaScript编程（6分）

按下图要求编程实现计算3+6+9+…+36的和。

采用For循环结构实现计算累加和；分别输出参加计算的数，用空格分隔；输出累加和，格式如“3+6+9+…+36=234”

五、问答题（12分）

1．简述HTML文件命名规则。（5分）

2．CSS样式表分为几种？写出定义语法。（4分）

3．写出JavaScript常用的消息对话框名称及使用方法？（3分）

参考答案

选择题（每题1分,共20分）

（1）单个（2）成对

（3）  （4）有序列表

（5）定义列表（6） href

（7）width （8） name____ _____

（9）“password” （10） font-style

（11）text-indent （12） toLocaleString()

（13）125.26 （14） get

（15）post （16） get

（17）<img> （18） colspan

（19）src （20）百分比

看图填充程序（每空2分，共36分）（1） <title>（2）        

（3）align=”center” （4） color

（5）size （6）green

（7）text/css （8） font-size:28px

（9）font-weight:bold （10） li

（11）type="circle"（12） </ul>

（13）padding （14） margin

（15）charAt(0) （16） name1.length>20

（17）checkusername() （18） submit

四、编程题（每题6分，共12分）（超出页面转反面）1.表格编程

<title> 教材表 </title>（0.5分）

td{text-align:center;font-family:宋体;} （1分）

<table border="2" bordercolor="red"> （2分）

<caption>会议日程</caption> （0.5分）

<tr>

<td rowspan="3">上午</td>（1分）

<td>10:00-12:00</td>（0.5分）

<td>12:30</td> （0.5分）

</table>

2.JavaScript编程

<title> 计算3+6+9+...+36的和</title> （0.5分）

<h4> 计算3+6+9+...+36的和</h4>（0.5分）

document.write("参加运算的数："); （0.5分）

for (i=3,sum=0;i<=36 ;i=i+3 ) （2分）

{

sum=sum+i; （1分）

document.write(i+" "); （1分）

document.write("<br>3+6+9+...+"+36+"="+sum); （0.5分）

五、问答题

1．简述HTML文档命名规则。（5分）

答：（1）文档扩展名为htm或html，建议统一使用html作为后缀名；(1分)。

（2）文档名中只可由英文字母、数字或下划线组成；（1分）；

（3）文档名中不能包含特殊符号，如空格、$等；（1分）。

（4）文档名区分大小写；（1分）。

（5）Web服务器的首页文件名一般为index.html或default.html。（1分）。

答：分为4种，分别是：

（1）行内样式表，如<p style=”text-align:center;color:red;”>（1分）；

（2）内部样式表，如<style type=”text/css”>p{color:red;}</style> （1分）；

（3）导入样式表，如@import url(“css1.css”);（1分）；

（4）链接样式表，如<link rel=”stylesheet” type=”text/css” href=”css1.css” />（1分）；

答：JavaScript常用的消息框有3种，分别是：

（1）告警消息框，alert(“消息内容”);（1分）；

（2）提示消息框，prompt(“提示信息”,默认值);（1分）；

（3）确认消息框，confirm(“确认信息”);（1分）；

如果觉得《Web前端开发技术期末试题与答案4》对你有帮助，请点赞、收藏，并留下你的观点哦！

本内容不代表本网观点和政治立场，如有侵犯你的权益请联系我们处理。

网友评论

网友评论仅供其表达个人看法，并不表明网站立场。