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

HTML 指的是（）。
（A）超链接的文本标记语言（B）超文本标识语言
（C）家庭工具标记语言（D）以上都不是

【答案】B

下列能够实现美化页面的语言是（）。
（A）HTML （B）CSS
（C）VFP （D）JavaScript

【答案】B

以下标记中用于设置内部样式表的标记的是（）。
（A）<style> （B）<title>
（C）<script> （D）<head>

【答案】A

要在段落的首行空两个汉字，要插入（）个空格 。
（A）1 （B）3
（C）2 （D）4

【答案】D
【解析】一个&nbsp是一个字符，一个汉字是两个字符，所以两个字的空格应该是4个&nbsp。

在方程的解 $X_1=2$ 中下标“1”在 HTML 中可以使用（）标记实现。
（A）<b> （B）<tt>
（C）<sub> （D）<sup>

【答案】C

定义列表的 HTML 代码是（）。
（A）<dt><dl>...<dd>...</dl> （B）<dd><dt>...<dl>...</dd>
（C）<dt><dd>...<dl>...<t> （D）<dl><dt>...<dd>...</dl>

【答案】D

将超链接的目标网页在上一级的窗口中打开的方式是（）。
（A）_parent （B）_self
（C）_top （D）_blank

【答案】A

设置表格边框颜色的 HTML 代码是（）。
（A）<table color=""> （B）<th bordercolor="">
（C）<table bordercolor=""> （D）<th color="">

【答案】C

关于 HTML 表格说法错误的是（）。
（A）表格的 width 属性可以设置为像素或百分比
（B）表格的 height 属性可以设置为像素或百分比
（C）如果不指定 border 属性，表格默认宽度为 1
（D）表格和单元格的背景色可以同时指定

【答案】C
【解析】如果不指定 border 属性，表格默认没有边框。

嵌入多媒体文件的 HTML 的代码正确的是（）。
（A）<embed url=""></embed> （B）<embed src=""></embed>
（C）<a src="">…</embed> （D）<a url=""> …</embed>

【答案】B

在表单中插入列表框的正确的 HTML 代码是（）。
（A） <input type="submit" ></input>
（B） <textsrea name="textarea"></textarea>
（C） <select multiple></select>
（D） <input type=select ></input>

【答案】C

下列能够设置文本加粗的 CSS 属性值对是（）。
（A）font-weight:bold （B）style:bold
（C）font:b （D）font="粗体"

【答案】A

去掉文本超链接的下划线的方法是（）。
（A） a{text-decoration:no underline;}
（B） a{underline:none;}
（C） a{decoration:no underline;}
（D） a{text-decoration:none;}

【答案】D

解释执行 JavaScript 的是（）。
（A）服务器（B）编辑器
（C）浏览器（D）编译器

【答案】C

下列赋值语句格式错误的是（）。
（A） var nValue=35.00;
（B） var nValue=nValue+35.00;
（C） var nValue=someFunction()+35.00; //someFunction()已经定义
（D） var firstName=lastName=middleName="";

【答案】B

下列 CSS 的规则正确的是（）。
（A）body{color:black;}（B） {body;color:black}
（C）body:color=black （D） {body:color=black(body)}

【答案】A

图层引用已定义的类选择符正确的 HTML 代码是：。
（A）<div idname=""; ></div> （B）<div class=""; ></div>
（C）<div classname=""; ></div> （D）<div name=""; ></div>

【答案】B

下列属于<option>标记的属性是：（）。
（A）value （B）size
（C）checked （D）rows

【答案】A

下列运算符中表示逻辑或的运算符是（）。
（A）&& （B）||
（C）! （D）++

【答案】B

下列属于鼠标指针悬停在对象上发生的事件是（）。
（A）onMouseOut （B）onMouseOver
（C）onSelect （D）onClick

【答案】B

二、填空题（每题 0.5 分，共 10 分）

HTML 文件的扩展名可以是 ____________或 ____________。

【答案】html,htm

在 HTML 文件里，文本格式化标记中 ____________ 标记可用来设置删除效果。

【答案】<del>

一个完整的 HTML 文件包含 ____________ 和 ____________ 等两部分（填标记名称）。

【答案】<head>,<body>

在<a>标记中定义窗口弹出方式的属性是 ____________。

【答案】target

设置背景音乐除了使用<bgsound>标记外还可以使用 ____________ 标记来播放背景音乐。

【答案】<embed>

表格的 ____________ 属性指定了单元格中内容与单元格边框之间的空间大小。

【答案】cellpadding

一个有三个框架的 Web 页，实现上独立的 HTML 文件有 ____________ 个。

【答案】4

标识符可以 ____________ 或 ____________开始，由字母、数字和下划线组成，不能出现空格或制表符。

【答案】字母、下划线

在表单中让用户从互斥的选项中只能选一项，可使用 type 为“ ____________”的输入框。

【答案】radio

控制框架集窗口周围是否出现边框线的属性是 ____________ 。

【答案】frameborder

CSS 中有 4 种定义颜色的方法分别是 ____________、____________、____________和 RGB（百分比）。

【答案】英文颜色名称、#十六进制数、rgb(十进制数)

导入样式表必须放在内部样式表里的是第____________行，否则导入样式无效。

【答案】1

如果 var x=5,y="5";则x===y的结果是____________。

【答案】false

在 JavaScript 脚本中自增运算 i++等同于____________语句。

【答案】i=i+1

在<select>中利用____________属性可以定义下拉列表框的大小为 5。

【答案】size

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

按下图所示效果，参照注释提示信息，完成代码填充。

<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>

【答案】
（1）<b>新开课程</b> 或者 <strong>新开课程</strong>
（2）type="A"
（3）start="3"
（4）type="1"
（5）value="7"

按下图所示效果，参照注释提示信息，完成代码填充。

<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>

【答案】
（6）border="1"
（7）rowspan="2"
（8）valign="middle"
（9）colspan="6"
（10）align="center"

按下图所示效果，参照注释提示信息，完成代码填充。

<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>

【答案】
（11）text-indent:2em
（12）line-height:35px
（13）background-color: #000033
（14）text-align:center
（15）letter-spacing:2px
（16）class="p4"

按下图所示效果，参照注释提示信息，完成代码填充。

<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 代码改变网页字体大小</h2><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>

【答案】
（17） border:2px groove #0000cc
（18）text/javascript
（19）document.getElementById
（20）href
（21）onclick

四、问答题（12 分）

写出无序列表结构语法，无序列表的列表项符号通过什么属性去更改？有几种不同的取值（英文表示）？(6 分)

【答案】
（1）无序列表结构（2分）；

<ul type= “disc”> <li>…</li> <li>…</li> </ul>

（2）无序列表的列表项符号通过type属性去更改（1分）；
（3）有三种不同的取值分别：disc(实心点)、circle(空心圆)、square(黑方块) （3分）

通过 DOM 访问网页元素的方法有几种？分别是什么？(6 分)

【答案】
（1）DOM访问网页元素的方法有三种：

通过ID，document.getElementById(“元素Id”)（2分）；

通过Name，获取同类名称的数组，document.getElementsByName(“元素名称”)（2分）；
通过TagName，获取同类标记的数组，document.getElementsByTagName(“标记名称”)（2分）。

Web前端开发技术期末测试及解析一相关推荐

web前端开发技术期末考试_web前端开发技术试卷六
Web 前端开发技术课程考试试卷(六) 总分 100 分考试时间: 120 分钟考试形式:闭卷一.选择题(每题 1 分,共 20 分) 1 ．以下标记符中,用于设置页面标题的是 _______ ...
Web前端开发技术————期末编程例题
一.计算梯形的面积.按下图所示页面效果,编程实现所需功能. (1)表单中设置4个文本框.1个按钮.1个重置按钮,其中梯形的面积文本框设置为只读: (2)编写两个自定义函数,分别是计算梯形的面积函数ar ...
web前端开发技术期末考试_智慧树来我校开展WEB前端开发微专业导学
11月17日,在6号教学楼6102阶梯教室,智慧树工作人员带来了WEB前端开发微专业导学.根据前期长青联盟微专业的报名情况及学生学习情况,为进一步提高学生学习微专业的质量,学院联系了微专业教学平台的专 ...
web前端开发技术期末考试_智慧职教mooc2020HTML5+CSS3 Web前端开发技术期末考试大全答案...
凝血过程的三个时期是A.血管收缩期→血小板聚集期→血小板凝固期B.内源凝血系统作用期→外源凝血系丸剂系安全储血量是指库存各型血液的最低贮存量,一般不少于多少天常规医疗用血量A.1天B.3天C.5天 ...
web前端开发技术期末考试_Web前端开发技术期末试题与答案2
4．外部JavaScript文件后缀名通常为 . (A)*.html或*.htm (B)*.txt (C)*.css (D)*.js 5．下列代码中设置5号标题字正确的语句是 . (A)HTML (B ...
HTML+CSS+JS网页设计期末课程大作业 web前端开发技术 web课程设计网页规划与设计
web前端开发技术期末大作业网页规划与制造,做得不深但是还是满足期末大作业的分享一下题目: 此次课程设计的题目是网页规划与设计(html+css+js+image+video+audio)确定 ...
web前端开发技术 web课程设计网页规划与设计web期末作业设计网页
Web前端开发技术描述网页设计题材,DIV+CSS 布局制作,HTML+CSS网页设计期末课程大作业,网页设计作业,网页制作作业, 学生网页作业, 网页作业成品, 网页作业模板 HTML:结构 C ...
24HTML5期末大作业：XXX 网站设计——指环王：护戒使者(13页) HTML+CSS+JavaScript HTML+CSS+JS网页设计期末课程大作业 web前端开发技术 web课程网页规
HTML5期末大作业:XXX 网站设计--指环王:护戒使者(13页) HTML+CSS+JavaScript HTML+CSS+JS网页设计期末课程大作业 web前端开发技术 web课程设计网页规划 ...
HTML5期末大作业：XXX 网站设计——指环王：护戒使者(13页) HTML+CSS+JavaScript HTML+CSS+JS网页设计期末课程大作业 web前端开发技术 web课程设计网页规
HTML5期末大作业:XXX 网站设计--指环王:护戒使者(13页) HTML+CSS+JavaScript HTML+CSS+JS网页设计期末课程大作业 web前端开发技术 web课程设计网页规划 ...

Web前端开发技术期末测试及解析一

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

二、填空题（每题 0.5 分，共 10 分）

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

四、问答题（12 分）

Web前端开发技术期末测试及解析一相关推荐

最新文章

热门文章