web前端开发技术试卷三
web前端开发技术试卷三
Web前端开发技术课程考试试卷（三）总分100分考试时间：120分钟考试形式：闭卷一、选择题（每题1分，共20分）1．HTML指的是__________。
（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表格说法错误的是___________。
Web前端开发初级考试试卷
Web前端开发初级考试试卷1. 本试卷共3道大题，满分100分。
本次考试时间为30分钟2. 请在指定位置作答。
基本信息：[矩阵文本题] *一、单选题（每小题3分，共15小题，共45分）1.在html中，样式表按照应用方式可以分为三种类型，其中不包括（）。
[单选题] *A.内嵌样式表B.行内样式表C.外部样式表文件D.类样式表(正确答案)2.在HTML上，将表单中INPUT元素的TYPE属性值设置为（）时，用于创建重置按钮。
[单选题] *A.reset(正确答案)B.setC.buttonD.image3.分析下面的HTML代码段，该页面在浏览器中的显示效果为（）。
<HTML><body><marquee scrolldelay="200" direction="right">Welcome!</marquee></body></HTML> [单选题] *A.从左向右滚动显示“Welcome!”(正确答案)B.从右向左滚动显示“Welcome!”C.从上向下滚动显示“Welcome!”D.从下向上滚动显示“Welcome!”4. 下列表示下标的是（） [单选题] *A.<sup></sup>B.<sub></sub>(正确答案)C.<top></top>D.<em></em>5.在HTML中，以下关于CSS样式中文本属性的说法，错误的是（）。
[单选题] *A.font-size用来设置文本的字体大小B.font-family用来设置文本的字体类型C.color用来设置文本的颜色D.text-align用来设置文本的字体形状(正确答案)6.在HTML中，（）标签用于在网页中创建表单。
[单选题] *A.<INPUT>B.<SELECT>C.<TABLE>D.<FORM>(正确答案)7.为了设置页面的背景色为黑色，应该使用()。
web开发试题及答案
web开发试题及答案本文为您提供一些常见的Web开发试题及答案，希望能够帮助您更好地了解和理解Web开发的相关知识。
一、什么是Web开发？Web开发是指使用各种技术和工具创建和维护网站的过程。
它涉及前端开发、后端开发以及数据库管理等多个方面。
二、前端开发试题及答案1. HTML是什么？请简要介绍HTML的作用。
答：HTML（HyperText Markup Language）是一种用于创建网页的标记语言。
它用于描述网页的结构和内容，通过使用各种标签和元素对文本、图像、链接等进行标记，从而呈现出丰富多样的网页内容。
2. CSS是什么？请简要介绍CSS的作用。
答：CSS（Cascading Style Sheets）是一种用于定义网页样式和布局的语言。
它与HTML结合使用，通过为HTML元素添加样式属性，可以改变字体、颜色、大小、布局等方面的效果，从而使网页更加美观和易于阅读。
3. JavaScript是什么？请简要介绍JavaScript的作用。
答：JavaScript是一种运行在客户端的脚本语言，可用于给网页添加动态效果和交互功能。
它可以与HTML和CSS配合使用，实现用户与网页之间的交互和数据处理，例如表单验证、页面加载、动画效果等。
三、后端开发试题及答案1. 什么是后端开发？与前端开发有何区别？答：后端开发是指负责处理网站的后台逻辑和数据交互的开发工作。
它主要关注于服务器端的代码编写和数据库管理，如处理用户请求、数据存储、安全性等方面。
而前端开发主要关注于网页的用户界面和前台交互。
2. 请简要介绍一下常用的后端开发语言。
答：常用的后端开发语言包括Java、Python、PHP和Ruby等。
每种语言都有其特点和适用场景。
例如，Java适用于大型企业级应用的开发，Python适用于快速开发和科学计算，PHP适用于Web应用程序的开发，Ruby适用于简洁优雅的代码编写。
3. 什么是数据库？请简要介绍一下常用的数据库类型。
HTML5 CSS3 JavaScriptWeb前端开发自测试卷3
自测试卷3一、选择题1．编写网页的过程中，下面那种注释不正确（）。
A．<!--注释-->B．//注释C．<**注释**>D．/*注释*/2．<div>和<span>标签说法不正确的是（）。
A．<div>标签是块级元素B．<span>标签是内联元素C．都可以添加文字D．没有区别3．下面是正确使用类选择器的是（）。
A．class a B．.a C．#a D．IDa4．设置音频开始播放时，调用某函数，则需要什么通过以下哪个事件（）。
A．onplay B．onload C．onpause D．onerror5．要输出密码域，type属性的属性值应该等于（）。
A．password B．radio C．text D．image6．下面有关定义列表的说法中，正确的是（）。
A．在<dl></dl>中直接输入内容就可以B．在<dt></dt>中输入定义的内容，在<dd></dd>中输入解释的内容C．在<dt></dt>中输入解释的内容，在<dd></dd>中输入定义的内容D．在<dt></dt>和<dd></dd>是唯一且一一对应的。
7．如果要设置某元素不浮动，则设置其CSS中float的属性值为（）。
A．inherit B．both C．right D．none8．下面关于JavaScript的概述不正确的是（）。
A．JavaScript是一种脚本编程语言B．它不需要进行编译C．是一种跨平台的语言D．不是一种通用语言9．下面是JavaScript中常用事件类型的是（）。
A．键盘事件B．表单事件C．鼠标事件D．A、B、C都对10．关于下面的代码，说法正确的是（）。
<meta name="viewport content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"/>A. width=device-width表示设定度等于当前设备的宽度B. initial-scale=1，表示允许用户缩放到得最小比例（默认为1）C. user-scalable=no，表示允许用户手动缩放D. A、B、C都正确二、填空题1．在网页中添加链接应使用___________标签。
前端开发技术考核试卷
2. CSS的盒子模型包含内容（____）、内边距（____）、边框（____）和外边距（____）四个部分。
答：____ ____ ____ ____
3. JavaScript中，定义一个函数可以使用关键字____或____。
答：____ ____
4.在响应式设计中，媒体查询使用的CSS语法是____。
D. color
20.以下哪些是ES6新引入的特性？（）
A. let
B. const
C. arrow functions
D. All of the above
三、填空题（本题共10小题，每小题2分，共20分，请将正确答案填到题目空白处）
1.在HTML中，网页的基本结构由____、____和____三个标签组成。
2. Flexbox布局模型允许容器中的子元素灵活地分配空间和排列顺序。通过设置容器的display属性为flex，并使用flex-direction、flex-wrap等属性，可以实现响应式布局。
3.闭包是能够访问自由变量的函数。应用场景包括：数据封装和私有变量、模块模式、在异步请求中保持变量状态等。
4. @media
5. v-model
6. unshift pop
7. width height
8. <audio> <video>
9. push
10. text-shadow
四、判断题
1. √
2. √
3. ×
4. √
5. ×
6. √
7. √
8. ×
9. √
10. √
五、主观题（参考）
1. HTML5新增的语义化标签如<article>、<section>、<nav>等，它们分别表示文章、区块、导航等，使页面结构更加清晰，便于搜索引擎理解和抓取。
web前端研发工程师笔试题(选择题带答案)_3精选全文
可编辑修改精选全文完整版1. 要动态改变层中内容可以使用的方法有（AB ）a)innerHTMLb)innerTextc)通过设置层的隐藏和显示来实现d)通过设置层的样式属性的display属性2. 当按键盘A时，使用onKeyDown事件打印event.keyCode的结果是（A ）a)65b)13c)97d)373. 在javascript里，下列选项中不属于数组方法的是（B）；a)sort()b)length()c)concat()d)reverse()4. 下列哪一个选项可以用来检索被选定的选项的索引号?(B)a)disabledb)selectedIndexc)optiond)multiple5. 希望图片具有”提交”按钮同样的功能,该如何编写表单提交?(A )a)在图片的onClick事件中手动提交b)在图片上添加onSubmit事件c)在图片的onSubmit事件中手动提交d)在表单中自动提交6. 使div层和文本框处在同一行的代码正确的是(D );a)b)c)d)7. 下列选项中,描述正确的是(选择两项) 。
( AD )a)options.add(new Option(‘a’,'A’))可以动态添加一个下拉列表选项b)option.add(new Option(‘a’,'A’))可以动态添加一个下拉列表选项c)new Option(‘a’,'A’)中’a'表示列表选项的值,’A'用于在页面中显示d)new Option(‘a’,'A’)中’A'表示列表选项的值,’a'用于在页面中显示8. 、var emp = new Array(3);for(var i in emp)以下答案中能与for循环代码互换的是: （选择一项）。
(D )A for(var i =0; i<emp; i++)B for(var i =0; i<Array(3); i++)C for(var i =0; i<emp.length(); i++)D for(var i =0; i<emp.length; i++)9. 制作级联菜单功能时调用的是下拉列表框的（A ）事件。
WER前端开发技术课程试卷标准答案三
}
</script>
</head>
<body>
五、问答题 1．写出 URL 三大组成部分的作用，并举例说明。(4 分)
答：scheme://host.domain:port/path/filename (1 分) <URL 的访问方式>://<主机>:<端口>/<路径> URL 由三大部分组成，分别是服务类型（协议）、主机或域名和端口、文件路径（3 分）。 http://localhost:8080/index.html
9
10
答案
B
B
A
D
C
D
A
C
C
B
题号
11
12
13
14
15
16
17
18
19
20
答案
C
A
D
C
B
A
B
A
B
B
二、填空题（每空 0.5 分，共 10 分）（同一题填空答案可不分顺序）
13
background:#000033 或 background-color: #000033
14
text-align:center
15
letter-spacing:2px
（16）
class="p4"
（17） border:2px groove #0000cc
（18）
text/javaห้องสมุดไป่ตู้cript
（19） document.getElementById
（20）
href
（21）
onclick
web前端智力测试题(3篇)
第1篇前言欢迎来到本次Web前端智力测试！这是一场针对Web前端开发者技能和知识的挑战。
我们将通过一系列问题来测试你对HTML、CSS、JavaScript以及Web开发相关知识的掌握程度。
请在答题时仔细阅读每个问题，并选择你认为最合适的答案。
祝你测试顺利！一、HTML基础（每题2分，共20分）1. HTML文档的基本结构包括哪些部分？A. 头部（Head）、主体（Body）、尾部（Tail）B. 标题（Title）、头部（Head）、主体（Body）C. 头部（Head）、尾部（Tail）、主体（Body）D. 标题（Title）、头部（Head）、尾部（Tail）2. 以下哪个标签是HTML5新增的？A. <div>B. <header>C. <footer>D. <span>3. 在HTML中，如何将文字加粗？A. <b>文字</b>B. <strong>文字</strong>C. <i>文字</i>D. <em>文字</em>4. 如何在HTML中添加图片？A. <img src="image.jpg" />B. <img src="image.jpg" alt="描述" />C. <img src="image.jpg" title="描述" />D. <img src="image.jpg" width="100" height="100" />5. 以下哪个属性可以控制表格的边框？A. borderB. cellspacingC. cellpaddingD. all6. 如何在HTML中创建有序列表？A. <ul>B. <ol>C. <li>D. <ul type="1">7. 以下哪个标签用于定义表单？A. <form>B. <input>C. <select>D. <textarea>8. 如何在HTML中添加超链接？A. <a href="url">链接文本</a>B. <a src="url">链接文本</a>C. <a link="url">链接文本</a>D. <a url="url">链接文本</a>9. 以下哪个属性可以控制输入框的宽度？A. widthB. sizeC. heightD. max10. 如何在HTML中添加下拉列表？A. <select>B. <option>C. <input type="select">D. <input type="dropdown">二、CSS基础（每题2分，共20分）1. CSS的全称是什么？A. Cascading Style SheetsB. Custom Style SheetsC. Common Style SheetsD. Custom Sheets2. 以下哪个选择器可以选中页面中所有的<p>标签？A. pB. .pC. pD. div3. 如何设置元素的字体大小？A. font-size: 12px;B. fontsize: 12px;C. font-size: 12px;D. font-size: 12px;4. 如何设置元素的背景颜色？A. background-color: red;B. back-color: red;C. bg-color: red;D. background-color: red;5. 如何设置元素的文本颜色？A. color: red;B. text-color: red;C. txt-color: red;D. color: red;6. 如何设置元素的边框？A. border: 1px solid red;B. border: 1px solid red;C. border: 1px solid red;D. border: 1px solid red;7. 如何设置元素的内边距？A. padding: 10px;B. padding: 10px;C. padding: 10px;D. padding: 10px;8. 如何设置元素的边距？A. margin: 10px;B. margin: 10px;C. margin: 10px;D. margin: 10px;9. 如何设置元素的显示方式？A. display: block;B. display: block;C. display: block;D. display: block;10. 如何设置元素的隐藏？A. visibility: hidden;B. visibility: hidden;C. visibility: hidden;D. visibility: hidden;三、JavaScript基础（每题2分，共20分）1. JavaScript的全称是什么？A. JavaScriptB. Java ScriptC. Java ScriptingD. JavaScript2. 如何在HTML中引入JavaScript文件？A. <script src="script.js"></script>B. <script type="text/javascript" src="script.js"></script>C. <script link="script.js"></script>D. <script src="script.js" type="text/javascript"></script>3. 如何在JavaScript中定义变量？A. var a = 10;B. var a = 10;C. var a = 10;D. var a = 10;4. 如何在JavaScript中获取元素的ID？A. getElementById("id");B. getId("id");C. getElementById("id");D. getId("id");5. 如何在JavaScript中获取元素的类名？A. getElementsByClassName("class");B. getClassName("class");C. getElementsByClassName("class");D. getClassName("class");6. 如何在JavaScript中获取元素的标签名？A. getElementsByTagName("tag");B. getTagName("tag");C. getElementsByTagName("tag");D. getTagName("tag");7. 如何在JavaScript中设置元素的文本内容？A. innerHTML = "文本";B. innerHTML = "文本";C. innerHTML = "文本";D. innerHTML = "文本";8. 如何在JavaScript中设置元素的值？A. value = "值";B. value = "值";C. value = "值";D. value = "值";9. 如何在JavaScript中添加事件监听器？A. addEventListener("事件", 函数);B. addEventListner("事件", 函数);C. addEventListener("事件", 函数);D. addEventListner("事件", 函数);10. 如何在JavaScript中创建一个数组？A. var arr = [1, 2, 3];B. var arr = [1, 2, 3];C. var arr = [1, 2, 3];D. var arr = [1, 2, 3];四、Web开发相关（每题2分，共20分）1. 什么是Web标准？A. 指的是HTML、CSS和JavaScript的规范B. 指的是浏览器兼容性C. 指的是网站性能D. 指的是网站设计风格2. 什么是HTML5？A. 是HTML的第五个版本B. 是HTML4的升级版C. 是CSS3的升级版D. 是JavaScript的升级版3. 什么是响应式设计？A. 是指网站能够适应不同屏幕尺寸B. 是指网站能够适应不同浏览器C. 是指网站能够适应不同操作系统D. 是指网站能够适应不同网络环境4. 什么是跨浏览器兼容性？A. 指的是网站能够在不同浏览器中正常显示B. 指的是网站能够在不同操作系统上运行C. 指的是网站能够在不同设备上运行D. 指的是网站能够在不同网络环境下运行5. 什么是SEO？A. 指的是搜索引擎优化B. 指的是搜索引擎营销C. 指的是搜索引擎广告D. 指的是搜索引擎推广6. 什么是Web API？A. 是指Web开发中使用的各种接口B. 是指Web开发中使用的各种框架C. 是指Web开发中使用的各种工具D. 是指Web开发中使用的各种库7. 什么是AJAX？A. 是一种异步JavaScript和XML技术B. 是一种用于网页数据交互的技术C. 是一种用于网页数据传输的技术D. 是一种用于网页数据存储的技术8. 什么是JSON？A. 是一种轻量级的数据交换格式B. 是一种用于网页数据传输的技术C. 是一种用于网页数据存储的技术D. 是一种用于网页数据交互的技术9. 什么是HTTP？A. 是一种用于网页数据传输的协议B. 是一种用于网页数据存储的协议C. 是一种用于网页数据交互的协议D. 是一种用于网页数据展示的协议10. 什么是HTTPS？A. 是一种基于HTTP的安全协议B. 是一种基于HTTPS的安全协议C. 是一种基于HTTP的加密协议D. 是一种基于HTTPS的加密协议五、综合应用（每题5分，共20分）1. 编写一个HTML页面，包含标题、段落、列表、表单和图片。
Web前端开发-职业技能考试-初级-Web前端开发初级实操考试_V1.0
考生姓名准考证号2019年下半年Web前端开发初级实操考试（考试时间14：00-16:30 共150分钟）1. 本试卷共4道题，满分100分。
2. 请在指定位置或开发环境下作答。
试题一（20分）阅读下列说明、效果图和HTML代码，进行静态网页开发，填写（1）至（10）代码。
【说明】在当今互联网技术高速发展的时代，搜索引擎是用户使用率最高的网络服务工具之一。
本项目为“搜索引擎”网站。
项目名称为Search，包括搜索主页面index.html、第一个标签页tab1.html、第二个标签页tab2.html和img文件夹，其中，img文件夹包括图片logo.png。
页面布局和内容为：（1）index.html为搜索主页，分为三部分，自上而下依次是：搜索框、分类标签和搜索结果。
其中，搜索结果使用iframe标签定义，显示tab1.html或tab2.html。
（2）tab1.html为搜索结果页，是“标签页1-网页”的搜索结果，第一部分是搜索结果列表，第二部分是分页页码。
其中，使用2个table进行布局。
（3）tab2.html为搜索结果页，是“标签页2-资讯”的搜索结果，第一部分是搜索结果列表，第二部分是分页页码。
其中，使用1个table进行布局。
选择不同的类别标签，会显示该类别下的搜索结果。
【效果图】（1）打开index.html效果如图1所示。
图1-1（2）点击“标签页2-资讯”，搜索结果显示为tab2.html，效果如图2所示。
图1-2【代码：搜索主页index.html】【代码：第一个标签页tab1.html】【代码：第二个标签页tab2.html】【问题】（20分，每空2分）进行静态网页开发，补全代码，在（1）至（10）处填入正确的内容。
试题二（30分）阅读下列说明、效果图、HTML代码和CSS代码，开发网页动态页面样式，填写（1）至（15）代码。
【说明】这是“Web技术社区”网站，该网站致力于推广和分享各种前端技术，如HTML、CSS、JavaScript和jQuery，现在我们需要编写该网站首页样式。
web前端试题和答案
web前端试题和答案⼀、基础题（⼀）判断题（5分）1．所有的HTML标记符都包括开始标记符和结束标记符。
( 1)2．良好的⽹站⽬录结构有利于⽹站的开发与维护。
( 0)3．HTML表格在默认情况下没有边框。
( 1)4．有序列表和⽆序列表可以互相嵌套。
( 1)5．CSS样式表项的组成格式为：selector{property1:value1,property2:value2,……}( 0)（⼆）填空题（20分）1．⼀个HTML⽂档必须包含三个元素，它们是head、body和。
title标记符应位于标记符之间。
2．在⽹页中插⼊图像时,应使⽤语句。
3．超链接访问过后hover样式不出现，原因是被点击访问过的超链接样式hover和active失效，解决⽅法是使CSS属性的排列顺序为: 。
4．IE6的双倍边距BUG例如:<styletype="text/css">body{margin:0}div{ float:left;margin-left:10px;width:200px;height:200px;border:1px solid red; }</style>浮动后本来外边距10px,但IE解释为20px,解决办法是加上。
5．填写CSS代码，实现⼀个层垂直居中于浏览器中。
<style type=""><!—div{position:absolute;top:50%;left:50%;margin:;width:200px;height:200px;border:1px solid red;这⾥使⽤百分⽐绝对定位，与外补丁负值的⽅法。
（三）简答题（60分）1.解释什么是⽹站重构，符合w3c布局与传统table相⽐有哪些优点。
（10分）2.简述你对css盒⼦模式（框模型）的理解。
（10分）3.⽤html实现如下表格(不可嵌套实⽤表格)（10分）4.请简述class属性的特点和⽤法及与id属性的区别，并写出⼀个具有class属性的例⼦（要求：指定div元素中样式类为a1,字体⼤⼩为9pt的css样式）。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
总分100分考试时间：120分钟考试形式：闭卷、选择题(每题1分，共20 分)1. HTMLI旨的是___________(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 ”在HTM冲可以使用标记实现。
(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) _bla nk8.设置表格边框颜色的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=""x/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)varnValue=someFunction()+35.00; //someFunction() 已经定义(D) var firstName=lastName=middleName="";16.下列CSS 的规则正确的是 ____________ 。
(A) body{color:black;} ( B) {body;color:black} (C) body:color=black(D) {body:color=black(body)}17•图层引用已定义的类选择符正确的HTML 代码是：。
(A) <div idname=""; ></div> (C) <div classname=""; ></div>18•下列属于<option>标记的属性是： ________(A) value (C) checked19•下列运算符中表示逻辑或的运算符是_(A) && (C) !20.下列属于鼠标指针悬停在对象上发生的事件是(A) onMouseOut (C) on Select、填空题(每题0.5分，共10 分)I. HTML 文件的扩展名可以是 _ (1) _或_ (2) _。
2•在HTML 文件里，文本格式化标记中 _ (3) __________ 标记可用来设置删除效果。
3 .一个完整的 HTML 文件包含 _____ (4) _和_ ( 5) _等两部分(填标记名称)。
4•在＜a ＞标记中定义窗口弹出方式的属性是_ ( 6) _。
5•设置背景音乐除了使用 ＜bgsound ＞标记外还可以使用 _ (7) _标记来播放背景音乐。
6. 表格的 _ (8) _属性指定了单元格中内容与单元格边框之间的空间大小。
7. ___________________________________________________ 一个有三个框架的 Web 页，实现上独立的 HTMI 文件有 _____________________________________ (9) _个。
&标识符可以 —(10) _或_ (11) _开始，由字母、数字和下划线组成，不能出现空格 或制表符。
9. 在表单中让用户从互斥的选项中只能选一项， 可使用type 为“_ (12)的输入框。
10.控制框架集窗口周围是否出现边框线的属(B ) <div class=""; ></div> (D) <div name=""; ></div>(B ) size (D ) rows(B ) II (D ) ++ 。
(B ) onMouseOver(D ) on Click性是—(13) _。
II. CSS中有4种定义颜色的方法分别是—(14) _、_ (15) _、_ (16)—和RGB(百分比)。
12. 导入样式表必须放在内部样式表里的是第_ (17) _行，否则导入样式无效。
13 .如果 var x=5,y="5"; 贝9( 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. 按下图所示效果，参照注释提示信息，完成代码填充。
课柱表节次 星期- 星期二 星期三 星期四 星期五 笫1节 体育 大学英语 高等数学牠b 开发笫3节 焙英语高等数学 数据结构 歎阿土 口牠b 开发实脸适用时间： 2008-2009^ —学期 083007班<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>斯开课程C. 大学英语D. 高缭数学7.计算机科哗导论H. 恥b 前端开发技术<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•按下图所示效果，参照注释提示信息，完成代码填充。