【百年教育职业培训中心】Web前端开发-章节资料考试资料-北京林业大学
来源:2022-06-18 06:41:12 时间:百年教育职业培训中心
报名本机构合作学校，赠送复习资料，复习课程，确保录取。并且可以申请学校奖学金500元～1500元不等！
随堂测验
1、【判断题】web系统前端是指系统中用户接触到的部分。
A、正确
B、错误
2、【判断题】web系统后端主要负责完成系统功能，包括数据存取、系统安全等。
A、正确
B、错误
3、【判断题】网页对应着的源文件包含一些代码，而浏览器可以解析这些代码，呈现出来。
A、正确
B、错误
随堂测验
1、【单选题】以下关于浏览器的描述错误的是：
A、主流的浏览器有Chrome,Firefox,IE等。
B、不同浏览器厂商的浏览器，一定有不同的内核。
C、不同版本的浏览器差别可能很大，对Web技术的支持度也会不同。
D、Chrome浏览器可以在进行web前端开发时，用于调试和测试。
2、【单选题】以下哪一项是一个HTML元素：
A、<title>
B、<title>欢迎来到课程首页</title>
C、<title></title>
D、</title>
3、【判断题】只有文字可以进行超链接的设置，而图片不可以。
A、正确
B、错误
4、【判断题】网页的导航栏是超链接的集合，可以由此进入不同版块或页面。
A、正确
B、错误
5、【判断题】网站中的网页是逻辑相关的，可以通过超链接的方式被组织在一起。
A、正确
B、错误
随堂测验
1、【单选题】以下说法错误的是（ ）。
A、HTML与CSS配合使用，是为了内容与样式分离。
B、如果只使用HTML而不使用CSS，网页是不可能有样式的。
C、JavaScript可以嵌入在HTML语言中，作为网页源文件的一部分存在。
D、CSS表示层叠样式表，可以添加页面的样式，规定网页的布局。
2、【多选题】关于内容、结构和表现说法正确的是（ ）。
A、内容是页面传达信息的基础
B、表现使得内容的传达变得更加明晰和方便
C、结构就是对内容的交互及操作效果
D、内容就是网页实际要传达的信息，包括文本、图片、音乐、视频、数据、文档等
3、【多选题】关于 web 标准以下说法正确的是（ ）。
A、Web 标准是一个复杂的概念集合，它由一系列标准组成
B、这些标准全部都由 W3C 起草与发布
C、Web 标准可以分为 3 个方面
D、Web 标准里的表现标准语言主要包括 CSS
4、【判断题】HTML是超文本标记语言，是制作网页的标准语言。
A、正确
B、错误
5、【判断题】CSS负责网页的结构，JavaScript负责网页的行为，也就是跟用户的一些交互。
A、正确
B、错误
6、【判断题】w3c组织制定关于web技术的一些标准，例如HTML、CSS、JS等。
A、正确
B、错误
1. 概论 单元测试
1、【单选题】web前端开发中的“web”指的是：
A、Internet
B、web客户端
C、web系统
D、web服务器
2、【单选题】以下哪个概念或者哪种功能属于“前端”：
A、web系统中以网页等形式为用户提供的部分，用户能接触到的部分
B、web系统中负责数据存取的部分
C、web系统中负责平台稳定性与性能的部分
D、web系统中负责完成相应的功能、处理业务的部分
3、【单选题】以下关于网页源文件的叙述不正确的是：
A、网页源文件是一些代码
B、网页源文件客户端是看不到的
C、网页源文件可以在记事本里打开
D、网页源文件是纯文本文件
4、【单选题】以下关于web前端开发技术标准叙述不正确的是：
A、技术标准主要包括HTML、CSS、JS等部分技术的一些规定
B、技术标准是由W3School组织提供的
C、这些技术标准是在做web前端开发的时候需要遵守的
D、技术标准的应用是一个逐步的过程
5、【单选题】以下不是网页的页面元素的是：
A、导航栏
B、logo
C、文字与图片
D、网页源文件
6、【单选题】以下说法中，错误的是：
A、网站logo、banner、导航栏等都是网页的组成部分
B、主页就是进入网站的第一个页面，也被称为首页
C、网站就是一系列逻辑上可以视为一个整体的页面的集合
D、所有网页的扩展名都是 .htm
7、【单选题】以下说法中，错误的是：
A、网页的本质就是HTML等源代码文件
B、网页就是主页
C、使用“记事本”编辑网页时，可将其保存为 .htm 或 .html 后缀
D、网站通常就是一个完整的文件夹
8、【单选题】下列关于HTML语言描述不正确的是：
A、HTML语言中可以嵌入如CSS、JavaScript等语言
B、HTML是指超文本链接语言，用超链接将网页组织在一起
C、HTML语言是通过一系列特定的标记来标识出相应的意义和作用的
D、HTML文档本身就是文本格式的文件
9、【判断题】后端部分是对普通用户不可见的，例如从数据库中读取数据。
A、正确
B、错误
10、【判断题】Web前端开发技术中HTML是用来完成网页内容的，CSS是用来设置样式的。
A、正确
B、错误
随堂测验
1、【单选题】网页是由HTML语言来实现的，HTML语言是（ ）。
A、大型数据库
B、网页源文件中出现的唯一一种语言
C、网络通信协议
D、超文本标记语言
2、【单选题】HTML文档中的元素分为( )两部分。
A、内容文本、标签
B、文本、多媒体元素
C、超文本、多媒体元素
D、标签、框架
3、【单选题】以下关于HTML标签叙述错误的是：
A、可以单独出现，也可以成对出现
B、必须正确嵌套
C、标签可以带有属性，属性的顺序无关
D、标签和其属性构成了HTML元素
4、【判断题】HTML的标签一定是成对出现的，否则无法完成嵌套关系。
A、正确
B、错误
5、【判断题】HTML不区分大小写。
A、正确
B、错误
6、【判断题】所有HTML标签都有开始标签和结束标签构成。
A、正确
B、错误
随堂测验
1、【单选题】关于HTML说法错误的是（ ）。
A、HTML标签的嵌套结构可以描述成一个网状结构
B、在＜title＞和＜/title＞标签之间的是标题信息
C、HTML是大小写无关的，＜b＞跟＜B＞表示的意思是一样的
D、<meta>标签表示网页元数据，是提供给浏览器和搜索引擎的关于网页的描述性数据
2、【单选题】下面语句中，（）将HTML页面的标题设置为“HTML练习”
A、<head> HTML练习</head>
B、<title> HTML练习</title>
C、<body> HTML练习</body>
D、<html> HTML练习</html>
3、【单选题】字符与编码说法错误的是（ ）。
A、字符集是字符的集合
B、字符集通常与某种语言文字相关
C、编码可以完成字符的唯一的映射
D、编码方式有很多种，ASCII编码包含了所有语言文字中出现的字符
4、【单选题】为了标识一个 HTML 文件，应该使用的标签（ ）。
A、<style></style>
B、<body></body>
C、<head></head>
D、<html></html>
5、【多选题】以下不是!DOCTYPE元素作用的是（ ）。
A、该元素用来定义文档类型
B、该元素用来声明命名空间
C、该元素用来向搜索引擎声明网站关键字
D、该元素用来向搜索引擎声明网站作者
6、【判断题】Unicode编码与UTF-8编码都涵盖了所有语言文字
A、正确
B、错误
7、【判断题】网页源文件本身的编码方式与浏览器解读的编码方式如果不同，就会出现乱码。
A、正确
B、错误
随堂测验
1、【单选题】表示水平分割线线的HTML代码是 ：
A、<hr />
B、<br />
C、<tr />
D、<hr> </hr>
2、【单选题】下面标记中，（ ）在标记的位置添加一个回车符。
A、<h1>
B、<enter>
C、<br />
D、<hr />
3、【单选题】创建最小的标题的文本标签是：
A、<pre></pre>
B、<h1></h1>
C、<h6></h6>
D、<b></b>
4、【单选题】在HTML中，标记pre的作用是( )。
A、标题标签
B、预排版标签
C、换行标签
D、文字效果标签
5、【判断题】默认情况下，h1标签的文字字号，要远小于h6标签。
A、正确
B、错误
6、【判断题】HTML的注释语句格式为：/* */。
A、正确
B、错误
随堂测试
1、【单选题】超链接基本语法是：
A、<a goto="URL"> ... </a>
B、<a herf="URL"> ... </a>
C、<a link="URL"> ... </a>
D、<a href="URL"> ... </a>
2、【单选题】超文本标记语言a href=“http://www．cctv．com”央视国际/a的作用是：
A、插入一段央视国际网站的文字
B、插入一幅央视国际网站的图片
C、创建一个指向央视国际网站的电子邮件
D、创建一个指向央视国际网站的超链接
3、【单选题】以下说法正确的是：
A、<a>标签是页面链接标签，只能用来链接到其他页面
B、<a>标签是页面链接标签，只能用来链接到本页面的其他位置
C、<a>标签的src属性用于指定要链接的地址
D、<a>标签的href属性用于指定要链接的地址
4、【判断题】a标签可以跳转到外部站点的页面，例如跳转到新浪网首页，可以写如下代码：a href=www.sina.com.cn新浪首页/a
A、正确
B、错误
随堂测验
1、【单选题】有关网页中的图像的说法不正确的是：
A、网页中的图像并不与网页保存在同一个文件中，每个图像单独保存
B、HTML语言可以描述图像的位置等属性
C、HTML语言可以直接描述图像上的像素
D、图像可以作为超级链接的起始对象
2、【单选题】假如要将图片文件asrlogo.jpg插入页面，并为该图片、设置提示文字为”ASR Outfitters Logo”.下面语句正确的是：
A、＜omg scr="asrlogo.jpg"＞ASR Outfitters Logo＜/omg＞
B、＜img src="asrlogo.jpg" alt="ASR Outfitters Logo"＞
C、＜img src="asrlogo.jpg"＞alt="ASR Outfitters Logo"
D、＜omg url="asrlogo.jpg" alt="ASR Outfitters Logo"＞
3、【单选题】如果图片不能正常显示，错误的原因可能是：
A、引用图片的路径不对
B、该图片太模糊
C、图片太大
D、图片太小
4、【单选题】在网页中添加一个图片的HTML代码是：
A、<bgcolor=″
B、FFFFFF″>
C、<img src=″图片路径及文件名″>
D、<a herf=″链接页面路径及文件名″><img src=″图片路径及文件名″></a>
E、<title>图片</title>
5、【单选题】若要在页面中创建一个图形超链接，要显示的图形为 myhome.jpg,所链接的地址为http://www.pcnetedu.com,以下用法中，正确的是：
A、 <a href=”http://www.pcnetedu.com”>myhome.jpg</a>
B、<a href=” http://www.pcnetedu.com”><img src=”myhome.jpg”></a>
C、<img src=”myhome.jpg”><a href =”http://www.pcnetedu.com”></a>
D、 <a href =http://www.pcneredu.com><img src=”myhome.jpg”>
6、【单选题】以下说法中，错误的是：
A、GIF格式的图象采用无损压缩算法进行图象压缩
B、只有GIF格式才能使用透明色
C、GIF格式支持动画
D、GIF格式支持背景色透明
随堂测验
1、【单选题】无序列表的HTML代码是（）
A、<li><ui>...</li></ul>
B、<ul><li>...</li></ul>
C、<ol><li>...</li></ol>
D、 <li><ol>...</li></ol>
2、【单选题】设置围绕表格的边框宽度的HTML代码是:
A、<table size="">
B、<table border="">
C、<table bordersize="">
D、<tableborder="">
3、【单选题】定义表行的HTML是：
A、<table>
B、<td>
C、<th>
D、<tr>
4、【单选题】定义表头的HTML是：
A、<table>
B、<td>
C、<tr>
D、<th>
5、【单选题】表示区域的标签是：
A、table
B、ol
C、div
D、ul
随堂测验
1、【单选题】在HTML中,form action=?,action表示：
A、提交的方式
B、表单所用的脚本语言
C、提交的URL地址
D、表单的形式
2、【单选题】增加表单的输入框的HTML代码是：
A、<input type=submit>
B、<input type=image>
C、<input type=text>
D、<input type=hide>
3、【单选题】增加表单的复选框的HTML代码是：
A、<input type=submit>
B、<input type=reset>
C、<input type=text>
D、<input type=checkbox>
4、【单选题】增加表单的文本域的HTML代码是：
A、<input type=submit></input>
B、<textarea name="textarea"></textarea>
C、<input type=radio></input>
D、<input type=checkbox></input>
5、【单选题】增加表单的密码域的HTML代码是：
A、<input type=submit>
B、<input type=password>
C、<input type=radio>
D、<input type=checkbox>
2. HTML基础 单元作业
2. HTML基础 单元测验
1、【单选题】HTML文件中，下面（ ）标签中包含了网页的全部内容。
A、<center>…</center>
B、<pre>…</pre>
C、<body>…</body>
D、<head>…</head>
2、【单选题】用 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>
3、【单选题】以下说法中，正确的是：
A、p标签与br标签的作用一样
B、多个p标签可以产生多个空行
C、多个br标签可以产生多个空行
D、p标签里面是段落内容，文字需要br标签才能换行，不能自动换行
4、【单选题】以下标记符中，没有对应的结束标记的是：
A、<body>
B、 <br>
C、<html>
D、 <title>
5、【单选题】以下说法中，错误的是：
A、主页是网站中的一个特定页面
B、网页中的注释可以放在任何位置
C、在HTML中，&nbsp; 表示空格
D、在HTML中，可以用<hr>标签产生空行
6、【单选题】以下描述将图像作为链接的形式正确的是：
A、＜a href=”http://www.z.com”＞＜img src="logo.gif"＞＜/a＞
B、＜a href=”http://www.z.com”＞＜/a＞＜img src ="logo.gif"＞
C、＜a href=”http://www.z.com” img src ="logo.gif"＞＜/a＞
D、＜a href=”http://www.z.com” ＞＜img src ="logo.gif"＞
7、【单选题】已知services.html与text.html在同一站点文件夹site中。text.html位于site根下，但文档services.html在site子文件夹information中。现要求在text.html文档中编写一个超链接，链接到文档services.html。下面语句正确的是：
A、<a href="services.html ">Link</a>
B、<a href ="information/services.html">Link</a>
C、<a href ="../services.html">Link</a>
D、<a href ="text.html ">Link</a>
8、【单选题】以下说法中，错误的是：
A、JPEG格式使用有损压缩算法进行图象压缩
B、处理JPEG格式的图象时，可以控制压缩比率
C、JPEG格式的图象几乎没有颜色限制
D、JPEG格式的图象具有透明色的特点
9、【单选题】根据以下的HTML代码：html head title表格/title head body table border=1 tr td 1/td td 2/td /tr tr td 3/td /tr /table /body/html对以上代码，以下描述正确的是：
A、该网页内容的第一行显示“表格”
B、1和2的表格在同一列
C、1和2的表格在同一行
D、1和3的表格在同一行
10、【单选题】以下有关列表的说法中，错误的是：
A、有序列表和无序列表可以互相嵌套
B、可以具体指定项目符号或编号样式
C、无序列表应使用ul和li标签进行创建
D、在创建列表时，il标签用于创建有序列表
11、【单选题】要创建一个1行2列的表格，下面语句正确的是:
A、＜table＞ ＜td＞ ＜tr＞单元格1＜/tr＞ ＜tr＞单元格2＜/tr＞ ＜/td＞＜/table＞
B、＜table＞ ＜tr＞ ＜td＞单元格1＜/td＞ ＜td＞单元格2＜/td＞ ＜/tr＞＜/table＞
C、＜table＞ ＜tr＞ ＜td＞单元格1＜/td＞ ＜/tr＞ ＜tr＞ ＜td＞单元格2＜/td＞ ＜/tr＞＜/table＞
D、＜table＞ ＜tr＞ ＜t1＞单元格1＜/t1＞ ＜t2＞单元格2＜/t2＞ ＜/tr＞＜/table＞
12、【单选题】meta元素的作用是:
A、meta元素用于表达HTML文档的格式
B、meta元素用于指定关于HTML文档的信息
C、meta元素用于实现本页的自动刷新
D、其他答案都不对
13、【单选题】语句A：HTML文档必须包括“头”和“主体”两部分语句B：HTML文档的扩展名为.htm或.html以下说法正确的是：
A、两句都对
B、两句都错
C、只有A对
D、只有B对
14、【单选题】HTML中，用什么方法可以将段落内容在页面中居中：
A、place=middle
B、type=middle
C、align=center
D、type=center
15、【单选题】A文件夹与B文件夹是同级文件夹，其中A下有a.htm，B下有b.htm文件，现在我们希望在a.htm文件中创建超链接，链接到b.htm，应该在a.htm页面代码中如何描述链接内容：
A、b.htm
B、././././B/b.htm
C、../B/b.htm
D、../../b.htm
16、【单选题】我们想要在HTML文档中加入图像，可以使用哪个标记来达到要求：
A、<pic>
B、<picture>
C、<img>
D、<image>
17、【单选题】想要在页面中加入一个分区，可以使用哪些HTML标签来描述：
A、<span>
B、<level>
C、<floor>
D、<div>
18、【单选题】下列的HTML中哪个可以产生超链接：
A、<a url="http://www.w3schools.com">W3Schools.com</a>
B、<a>http://www.w3schools.com</a>
C、<a href="http://www.w3schools.com">W3Schools</a>
D、<a>http://www.w3schools.com</a>
19、【单选题】以下选项中，哪个全部都是表格标签：
A、<table><head><tfoot>
B、<table><tr><td>
C、<table><tr><tt>
D、<thead><body><tr>
20、【单选题】下列的HTML中哪个可以产生复选框：
A、<input type="check">
B、<checkbox>
C、<input type="checkbox">
D、<check>
21、【判断题】HTML语言是指超文本标记语言，超文本，是超出文本范围的其他形式、内容更丰富的文本。
A、正确
B、错误
22、【判断题】表单元素需要放在表单域里面，单选按钮需要用radio标签实现。
A、正确
B、错误
随堂测验
1、【单选题】CSS是（ ）的缩写。
A、Colorful Style Sheets
B、Computer Style Sheets
C、Cascading Style Sheets
D、Creative Style Sheets
2、【单选题】下列（ ）是定义样式表的正确格式。
A、{body:color=black(body}
B、body:color=black
C、body {color: black}
D、{body;color:black}
3、【单选题】下列（ ）是定义样式表中的注释语句。
A、/* 注释语句 */
B、// 注释语句
C、// 注释语句 //
D、' 注释语句
4、【多选题】关于 CSS 基本语法说法正确的是（ ）。
A、属性必须要包含在{}号之中
B、属性和属性值之间用等号链接
C、当有多个属性设置时，用“；”进行区分
D、如果一个属性有几个值，则每个属性值之间用分号分隔开
5、【判断题】CSS样式的选择器可以是标签的名字。
A、正确
B、错误
6、【判断题】有了CSS样式，就可以做到使内容与样式分离，便于分别修改。
A、正确
B、错误
随堂测验
1、【单选题】表示内嵌样式的元素是（ ）。
A、<style>
B、<css>
C、<script>
D、<link>
2、【单选题】如果要在不同的网页中应用相同的样式表定义，应该（ ）。
A、直接在HTML的元素中定义样式表
B、在HTML的<head>标记中定义样式表
C、通过一个外部样式表文件定义样式表
D、以上都可以
3、【单选题】引用外部样式表的格式是（ ）。
A、<style src="mystyle.css">
B、<link rel="stylesheet" type="text/css" href="mystyle.css">
C、<stylesheet>mystyle.css</stylesheet>
D、<a href="style.css"></a>
4、【单选题】引用外部样式表的元素应该放在 （ ）。
A、HTML文档的开始的位置
B、HTML文档的结束的位置
C、在head元素中
D、在body元素中
5、【单选题】外部样式表文件可以由以下哪个标签导入 （ ）。
A、link
B、import
C、input
D、style
6、【多选题】关于样式表的优先级说法正确的是（ ）。
A、直接定义在标签上的 CSS样式级别最高
B、内部样式表优先级低于行内样式
C、外部样式表级低于内部样式
D、当样式中属性重复时，先设的属性起作用
7、【判断题】CSS样式添加的方式有三种，分别是行内样式、内嵌样式、外部样式表链接样式。
A、正确
B、错误
8、【判断题】CSS行内样式添加的时候，采用的是style标签进行添加。
A、正确
B、错误
9、【判断题】CSS行内样式只对当前元素起作用。
A、正确
B、错误
10、【判断题】CSS内嵌样式用CSS定义样式，然后在HTML部分引用这种样式。
A、正确
B、错误
随堂测验
1、【单选题】样式表定义 #title {color:red} 表示（ ）。
A、网页中的标题是红色的
B、网页中某一个id为title的元素中的内容是红色的
C、网页中元素名为title的内容是红色的
D、以上任意一个都可以
2、【单选题】样式表定义 .outer {background-color:red} 表示（ ）。
A、网页中某一个id为outer的元素的背景色是红色的
B、网页中含有class=”outer” 元素的背景色是红色的
C、网页中元素名为outer元素的背景色是红色的
D、以上任意一个都可以
3、【单选题】CSS 中的选择器不包括（ ）。
A、超文本标记选择器
B、标签选择器
C、ID 选择器
D、类选择器
4、【单选题】下列哪种方式是用类选择器定义样式的（ ）。
A、p{color:red;}
B、.one{color:red;}
C、
D、two{color:red;}
E、p,h1{color:red;}
5、【单选题】以下关于class和id的说法错误的是（ ）。
A、class的定义方法是：.类名{样式}；
B、id的应用方法：<指定标签 id=”id名”>
C、class的应用方法：<指定标签 class=“类名”>
D、id和class只是在写法上有区别，在应用和意义上没有区别
6、【单选题】下面选项中是合法的类样式的是（ ）。
A、.word
B、
C、word
D、word
E、$word
随堂测验
1、【单选题】下列选项中不属于CSS 文本属性的是（ ）。
A、font-size
B、text-align
C、line-height
D、text-decoration
2、【单选题】下列（ ）表示p元素中的字体是粗体。
A、p {text-size:bold}
B、p {font-weight:bold}
C、<p style="text-size:bold">
D、<p style="font-size:bold">
3、【单选题】下列哪个css属性可以更改字体大小（ ）。
A、 text-size
B、font-size
C、text-style
D、font-style
4、【单选题】下列哪个css属性能够更改文本字体（ ）。
A、text
B、line-height
C、font-family
D、text-decoration
5、【单选题】下列样式定义字体为宋体、字体颜色为红色、斜体、大小20px、粗细800号，正确的定义是（ ）。
A、p {font-family:20px; font-size:宋体; font-weight:800; color: red; font-style:italic; }
B、p {font-family:宋体;font-size:20px;font-weight:800;color:red; font-style:italic; }
C、p {font-family:20px; font-size:800; font-weight:宋体; color:red; font-style:italic; }
D、p{font-family:800; font-size:20px; font-weight:red; color:italic; font-style:宋体;}
6、【单选题】下面代码使用HTML元素的id属性，将样式应用于网页上的某个段落：p id=firstp这是第一个段落/p 以下关于样式规则定义正确的是（ ）。
A、<style type="text/css"> p{color:red}</style>
B、<style type="text/css">
C、firstp {color:red}</style>
D、<style type="text/css"> .firstp {color:red}</style>
E、<style type="text/css"> p.firstp {color:red}</style>
随堂测验
1、【单选题】下列（ ）表示a元素中的内容没有下划线。
A、a {text-decoration:no underline}
B、a {underline:none}
C、a {text-decoration:none}
D、 a {decoration:no underline}
2、【单选题】下面哪个CSS属性是用来更改背景颜色的（ ）。
A、back
B、bgcolor
C、color
D、background-color
3、【单选题】怎样给所有的h1标签添加背景颜色（ ）。
A、.h1 {color:
B、FFFFFF}
C、h1 {background-color:
D、FFFFFF;}
E、
F、h1 {background-color:
G、FFFFFF}
H、h1.all {background-color:
I、FFFFFF}
4、【单选题】如下所示的这段CSS样式代码，定义的样式效果是（ ）。a:active {color: #000000;}
A、默认链接是
B、000000颜色
C、访问过链接是
D、000000颜色
E、鼠标上滚链接是
F、000000颜色
G、活动链接是
H、000000颜色
5、【单选题】a:link表示超链接文字在（ ）时的状态。
A、鼠标按下
B、初始状态
C、鼠标放上去
D、访问过后
6、【单选题】a:hover表示超链接文字在（ ）时的状态。
A、鼠标按下
B、原始状态
C、鼠标放上去
D、访问过后
随堂测验
1、【单选题】在CSS语言中下列哪一项是列表项标号图象的语法（ ）。
A、width: <值>
B、height: <值>
C、list-style-image: <值>
D、list-style-picture: <值>
2、【单选题】下列（ ）表示列表项符号是小方块。
A、list-style-type: square
B、list-type: square
C、 type: 2
D、type: square
3、【多选题】list-style-position的取值包括（ ）。
A、inside
B、inner
C、outter
D、outside
4、【多选题】list-style-type属性叙述正确的是（ ）。
A、可以设置列表项目标号类型。
B、对无序列表有效。
C、对有序列表有效。
D、对表格单元格有效。
5、【多选题】以下对列表的描述，哪个是正确的（ ）。
A、list-style-type
B、list-style-color
C、list-style-position
D、list-style-image:url
6、【判断题】如果设置table标签的border属性，默认可以看到两层边框线。
A、正确
B、错误
7、【判断题】可以使用table-collapse属性将表格边框和单元格边框重合在一起显示。
A、正确
B、错误
3. CSS样式 单元作业
3. CSS样式 单元测验
1、【单选题】下列哪段代码能够定义所有p标签内文字加粗（ ）。
A、 <p style="text-size:bold">
B、<p style="font-size:bold">
C、 p {text-size:bold}
D、p {font-weight:bold}
2、【单选题】如何去掉文本超级链接的下划线 （ ）。
A、a {text-decoration:no underline}
B、a {underline:none}
C、a {decoration:no underline}
D、 a {text-decoration:none}
3、【单选题】有内部样式表定义如下： style type=text/css p{color:red;font-size:15px;} /style同时，有 HTML代码如下所示： p style=background-color:gray;color:blue;p text/p段落中的文本”p text“的最终显示效果是（ ）。
A、蓝色文本，字体大小为 15px，背景色为灰色
B、蓝色文本，默认字体大小，背景色为灰色
C、蓝色文本，字体大小为 15px，无背景色
D、红色文本，字体大小为 15px，无背景色
4、【单选题】查看如下样式定义： .A .B { font-weight:bold;}下列选项中，文本加粗显示的是（ ）。
A、<a class="A">文本</a>
B、<a class="B">文本</a>
C、<p class="A"><a class="B">文本</a></p>
D、<p class="B"><a class="A">文本</a></p>
5、【单选题】关于CSS定义的说法错误的是（ ）。
A、类样式的定义方法是点+样式名字
B、ID样式的定义方法是
C、+样式名字
D、样式定义时属性和属性之间用空格分隔
E、标签. 样式名字：表示只有该指定的标签才能引用它
6、【单选题】关于样式表的优先级说法不正确的是（ ）。
A、直接定义在标记上的CSS样式级别最高
B、内嵌样式表优先级低于行内样式
C、外部样式表级别最低
D、浏览器默认样式级别最低
7、【单选题】使用link元素调用CSS的语法中，以下哪个属性是用来指定CSS文件的路径的（ ）。
A、url
B、src
C、href
D、其余都不对
8、【单选题】下列哪种方式是用类选择器定义样式的（ ）。
A、 p{color: red}
B、. one{color: red}
C、
D、two{color: red}
E、 p,h1{color: red}
9、【单选题】根据以下的CSS代码：h1{ color: limegreen ;font-family: aria }可以知道（ ）。
A、此段代码是一个类选择器
B、选择器的名称是color
C、{ }部分是对H1这个选择器的样式的内容
D、limegreen和font-family都是值
10、【单选题】阅读下面代码，段落标签p内文本最终显示的颜色是（ ）。 style type=text/css body { color:#333; } #text{ color:#f00; } .content { color:#00f; } .gray { color:#666; } /style ...... p id=text class=content gray锦瑟无端五十弦，一弦一柱思华年。/p
A、
B、f00
C、
D、00f
E、
F、666
G、
H、333
11、【单选题】在HTML页面中，调用外部样式表的方法是（ ）。
A、<style rel="stylesheet" type="text/css" href="外部样式表地址" />
B、<link rel="stylesheet" type="text/css" href="外部样式表地址" />
C、<style rel="stylesheet" type="text/css" link="外部样式表地址" />
D、<link rel="stylesheet" type="text/css" style="外部样式表地址" />
12、【单选题】（ ）样式表一般用于大型网站。
A、内嵌
B、链接外部
C、层叠
D、行内
13、【单选题】在HTML中，下面（ ）不属于HTML文档的基本组成部分。
A、<style></stytle>
B、<body></body>
C、 <html></html>
D、<head></head>
14、【单选题】在HTML的body区域的某处有一段代码table style=″color:red;font-size:10pt″，此为（ ）。
A、行内样式表
B、内嵌式样式表
C、外部式样式表
D、动态式样式表
15、【单选题】下面选项中（ ）应用了行内样式。
A、<p class="style">
B、<p style="color : red;">
C、<p id="content">
D、<p class="style1 style2">
16、【单选题】下列代码段是某页面的样式设置：style type=text/css.blue { color:blue }.red { color:red }/style现要求将页面中的第一个h1标题设置为红色，第一个段落设置为蓝色。下列代码正确的是（ ）。
A、< h1 id="red">第一个标题<h1><p id="blue">第一个段落
B、< h1 color:red>第一个标题<h1><p color:blue>第一个段落
C、 < h1 class="red">第一个标题<h1><p class="blue">第一个段落
D、<h2 class="red">第一个标题<h2><h1>第一个标题<h1><p class="blue">第一个段落
17、【单选题】以下关于奇偶选择器论述正确的是（ ）。tr:nth-child(odd){ color:red;}
A、表格奇数行，背景颜色为红色
B、表格奇数行，文字颜色为红色
C、表格偶数行，背景颜色为红色
D、表格偶数行，文字颜色为红色
18、【单选题】以下可以用于设置列表标号是一个图片的代码是（ ）。
A、list-style-position: url(pic.jpg)
B、 list-style-image: url(pic.jpg)
C、list-style-type: url(pic.jpg)
D、 list-style-image: src(pic.jpg)
19、【单选题】以下关于背景样式描述正确的是（ ）。
A、背景图片使用background-image设置，背景颜色使用background-color设置
B、背景颜色会覆盖掉背景图片
C、背景图片默认棋盘格填充，不能只设置背景图片显示一次
D、背景图片和背景颜色不能同时设置
20、【单选题】以下关于超链接样式叙述正确的是（ ）。
A、可以分别设置四种不同状态下的超链接样式
B、用户没有单击的时候的超链接状态，可以使用a:linked设置
C、用户单击过的超链接，可以采用a:linked设置
D、页面一显示出来，超链接就处于活动状态
21、【判断题】CSS行内样式的优先级高于外部样式表链接样式，如果有对属性的重复设置，行内样式会覆盖掉外部样式表的样式。
A、正确
B、错误
22、【判断题】超链接如果四种状态下做统一设置，则只需要定义选择器名称为a的样式即可。
A、正确
B、错误
随堂测验
1、【判断题】盒子模型中的盒子，可以是任何页面元素。
A、正确
B、错误
2、【判断题】盒子模型中的盒子是可以逐层嵌套的。
A、正确
B、错误
3、【判断题】CSS进行布局与定位，首先用盒子将元素大小、边距等信息确定下来，然后用定位方式决定盒子的位置。
A、正确
B、错误
4、【判断题】定位机制分为三种：盒子定位、文档流定位、浮动定位。
A、正确
B、错误
随堂测验
1、【单选题】下列（ ）表示上边框线宽10px，下边框线宽5px，左边框线宽20px，右边框线宽1px。
A、border-width:10px 1px 5px 20px
B、border-width:10px 5px 20px 1px
C、border-width:5px 20px 10px 1px
D、border-width:10px 20px 5px 1px
2、【单选题】在CSS语言中下列哪一项是左边框的语法（ ）。
A、border-left-width: <值>
B、 border-top-width: <值>
C、border-left: <值>
D、border-bottom-width: <值>
3、【多选题】CSS中，盒模型的属性包括（ ） 。
A、border
B、padding
C、content
D、margin
4、【多选题】下列哪些是设置有关边框的属性（ ）。
A、border-color
B、border-style
C、border-width
D、border-back
5、【多选题】 以下哪个选项是设置边框的（ ）。
A、border-bottom
B、border-top
C、border-left
D、border-right
6、【判断题】盒子模型中，边框的属性是可以分为4个方向分别设置的。
A、正确
B、错误
7、【判断题】溢出盒子的部分，可以使用overflow属性，将其设置为hidden隐藏起来。
A、正确
B、错误
随堂测试
1、【单选题】下列哪个属性能够设置盒模型的左侧外边距（ ）。
A、margin
B、indent
C、margin-left
D、padding-left
2、【单选题】下列哪个CSS属性能够设置盒子模型的内边距为10、20、30、40、（顺时针方向）( ) 。
A、padding:10px 20px 30px 40px
B、padding:40px 30px 20px 10px
C、padding:10px 40px 30px 20px
D、padding:20px 10px 40px 30px
3、【单选题】阅读下面HTML代码，两个div之间的垂直空白距离是（ ）。 style type=text/css .header { margin: 10px; border:1px solid #f00; } .container { margin: 15px; border:1px solid #f00; } /style ...... div class=header/div div class=container/div
A、0px
B、10px
C、15px
D、25px
4、【单选题】阅读下面CSS代码，下面选项中与该代码段效果等同的是（ ）。 .box { margin:10px 5px; margin-right:10px; margin-top:5px; }
A、.box { margin:5px 10px 0px 0px; }
B、.box { margin:5px 10px 10px 5px; }
C、.box { margin:5px 10px; }
D、.box { margin:10px 5px 10px 5px; }
5、【单选题】利用以下什么代码可以设置div区域的水平居中（ ）。
A、div{margin:0}
B、div{margin:auto 100px}
C、div{margin:100px auto}
D、div{margin:100px 100px }
6、【判断题】文字、图片、div区域水平居中，都可以使用text-align:center进行设置。
A、正确
B、错误
7、【判断题】margin:1px 2px 1px 3px; 可以缩写成 margin:1px 2px 3px;
A、正确
B、错误
随堂测试
1、【判断题】浮动定位通过float属性设置来实现。
A、正确
B、错误
2、【判断题】默认定位方式就是文档流定位。
A、正确
B、错误
3、【判断题】层定位通过postion属性来设定。
A、正确
B、错误
4、【判断题】对于一个盒子，文档流定位、浮动定位、层定位只能选择其中一个。
A、正确
B、错误
5、【判断题】层定位是可以将盒子像图层一样处理，有前后层叠顺序。
A、正确
B、错误
随堂测验
1、【单选题】下列哪个样式定义后,行级元素可以定义宽度和高度( )。
A、display:inline
B、display:none
C、display:block
D、display:inheric
2、【单选题】以下( )是HTML常用的块状标签。
A、<span>
B、<a>
C、<br>
D、<h1>
3、【判断题】块状元素在网页中就是以块的形式显示，所谓块状就是元素显示为矩形区域，常用的块状元素包括div \ h1-h6\ p\ ul 。
A、正确
B、错误
4、【判断题】默认情况下，块状元素都会占据一行，通俗地说，两个相邻块状元素不会出现并列显示的现象；默认情况下块状元素会按顺序自上而下排列。
A、正确
B、错误
5、【判断题】块状元素都不可以定义自己的宽度和高度 。
A、正确
B、错误
6、【判断题】块状元素可以作为其他元素的容器，它可以容纳其他行内元素和其他块状元素。
A、正确
B、错误
随堂测验
1、【单选题】clear属性取值说法正确的是( )。
A、取值为all表示四周浮动元素被删除
B、取值为left表示左侧浮动元素被删除
C、取值为right表示右侧浮动元素被删除
D、取值为both表示清除两侧浮动
2、【单选题】float属性说法不正确的是（ ）。
A、该属性可以用于图文混排
B、该属性可以用于网页分栏
C、该属性可以用于盒子层叠
D、该属性可以用于浮动定位
3、【判断题】浮动元素在文档流中的原位置依然保留。
A、正确
B、错误
4、【判断题】利用float属性将3个div盒子水平排列，可以将3个盒子都设置float:right。
A、正确
B、错误
5、【判断题】如果一个父元素的所有子元素都浮动起来，则这个父元素默认高度坍缩为0。
A、正确
B、错误
随堂测验
1、【单选题】如果要将网页中的两个div对象制作为重叠效果，（ ）。
A、是不可能的
B、 利用表格标记<table>
C、 利用样式表定义中的绝对位置与相对位置属性
D、 利用样式表定义中的z-index属性
2、【单选题】以下哪个选项是对对象进行定位的（ ）。
A、padding
B、margin
C、position
D、display
3、【单选题】position属性取值（ ）表示固定定位。
A、absolute
B、relative
C、static
D、fixed
4、【单选题】position属性取值（ ）表示相对定位。
A、relative
B、absolute
C、static
D、fixed
5、【判断题】position属性设定，表示定位的参照物是哪个元素；而定位位置则由top,bottom,left,right的取值决定。
A、正确
B、错误
6、【判断题】通常将父元素设置为绝对定位，子元素设置为相对定位，就可以将子元素相对于父元素定位了。
A、正确
B、错误
4. CSS定位与布局 单元作业
4. CSS定位与布局 单元测验
1、【单选题】下面关于CSS的说法错误的有（ ）。
A、CSS可以控制网页背景图片
B、margin属性的属性值可以是百分比
C、整个body可以作为一个盒子
D、margin属性不能同时设置四个边的边距
2、【单选题】下列属性哪一个能够实现层的隐藏（ ）。
A、 display:false
B、display:hidden
C、display:none
D、 display:" "
3、【单选题】有样式定义如下： div.parent { width:100px; height:70px; border:1px solid gray; } div.child { width:80px; height:30px; border:1px solid black; background-color:silver; }同时，有 html 代码如下所示： body div class=parent div class=child1/div div class=child style=position:absolute;top:15px;2/div /div /body第二个 div 在页面上的最终位置是（ ）。
A、其上边框距离其父元素（div） 为 15 px 距离
B、其上边框距离 body 元素为 15 px 距离
C、其上边框距离其原有位置为 15 px 距离
D、使用默认位置，定位并未发生改变
4、【单选题】关于float描述错误的是（ ）。
A、可以设置为float:left
B、可以设置为float:center
C、可以设置为float:right
D、可以设置为float:none
5、【单选题】以下哪个选项是设置底边框的（ ）。
A、border-bottom
B、border-top
C、border-left
D、border-right
6、【单选题】以下关于CSS+DIV布局中关于盒子模型说法错误的是（ ）。
A、一个盒子除了内容，由以下几个独立的部分组成：margin、border、padding
B、填充、边框和边界和内容区域都分为上、下、左、右四个方向，既可以分别定义，也可以统一定义
C、盒子的实际宽度=左外边距+左边框+左内边距+内容宽度（width）+右内边距+右边框+右外边距
D、盒子的实际高度=上外边距+上边框+上内边距+内容高度（height）+下内边距+下边框+下外边距
7、【单选题】在CSS中，为页面中的某个div标签设置样式div{width:200px;padding:0 20px; border:5px solid black;}，则该标签的实际宽度为（ ）。
A、200px
B、220px
C、240px
D、250px
8、【单选题】可以利用什么标记构建网页布局（ ）。
A、<dir>
B、<div>
C、<dis>
D、<dif>
9、【单选题】下列元素中，是行内元素的是（ ）。
A、div
B、span
C、p
D、h3
10、【单选题】采用DIV+CSS设计页面布局，错误的是（ ）。
A、其他都不对
B、网页更容易修改和维护
C、增加代码可读性
D、更利于布局与定位
11、【单选题】阅读下面HTML代码，两个div水平之间的空白距离是（ ）。 style type=text/css div{float:left;width:100px;height:200px;margin:5px;}/style ...... div /div div /div ......
A、0px
B、10px
C、15px
D、25px
12、【单选题】查看如下 html 代码： div style=float:left;div text/div p style=clear:left;p text/p此代码在页面上的显示效果为（ ）。
A、<div> 中的文本和 <p> 中的文本分两行显示，且文本左对齐
B、<div> 中的文本和 <p> 中的文本在一行上显示，且文本左对齐
C、<div> 中的文本和 <p> 中的文本分两行显示，且文本右对齐
D、<div> 中的文本和 <p> 中的文本在一行上显示，且文本右对齐
13、【单选题】层定位中，以下说法错误的是（ ）。
A、设置position:absolute，表示这个元素原有位置会丢失
B、父元素为position:relative，子元素为position:absolute，那么子元素相对于父元素定位
C、父元素不管什么定位方式，子元素为position:absolute，那么子元素相对于父元素定位
D、设置position:fixed，表示这个元素相对于浏览器窗口定位
14、【单选题】以下代码可以将div水平居中的是（ ）。
A、div{ width:200px; margin:0 auto; }
B、div{ height:200px; margin:0 auto; }
C、div{ margin:0 auto; }
D、div{ text-align:center; }
15、【单选题】相对定位与绝对定位说法正确的是（ ）。
A、它们都脱离了文本流
B、它们的原始位置都会丢失
C、它们都相对于其直接父元素定位
D、它们都相对于浏览器窗口定位
16、【单选题】以下说法错误的是（ ）。
A、position属性决定层定位方式是固定定位、相对定位、绝对定位
B、层定位可以使盒子像图层一样上写层叠
C、层定位需要使用top、bottom、right、left设置层的位置
D、z-index值越大，层越是在下方
17、【单选题】以下哪个不是block类型元素（ ）。
A、div
B、ul
C、table
D、input
18、【单选题】inline类型的元素（ ）。
A、height能设定、width不能设定，就是内容的宽度
B、height不能设定、width能设定
C、height、width都能设定
D、display:inline表示将该元素表现出inline元素的特点
19、【单选题】浮动定位说法正确的是（ ）。
A、可以用float属性设置浮动定位
B、浮动定位元素原有位置保留
C、可以用clear属性清除浮动
D、浮动元素不能设置高度和宽度
E、浮动元素不能设置层定位
20、【单选题】关于盒子模型叙述错误的是（ ）。
A、页面元素可以作为盒子
B、盒子的各个组成部分都对应着CSS属性:content，border，padding，margin
C、盒子可以分为inline，block等等不同的类型
D、盒子可以层层嵌套
随堂测验
1、【单选题】表示圆角边框的属性是（ ）。
A、border-shadow
B、border-round
C、border-radius
D、border-box
2、【单选题】关于以下代码说法错误的是（ ）。border-top-left-radius: 40px 20px;
A、设置盒子左上角圆角边框样式
B、这是一个CSS3属性
C、左上角边框显示1/4圆形的弧度
D、左上角边框显示1/4椭圆形的弧度
3、【单选题】box-shadow属性可以设置（ ）。
A、仅仅盒子外部阴影
B、盒子内部、外部阴影
C、仅仅盒子内部阴影
D、其他都不对
4、【判断题】box-shadow属性不能设置盒子的阴影颜色，只能是黑色阴影。
A、正确
B、错误
5、【判断题】下面两条语句，盒子阴影模糊范围一样大。box-shadow: 10px 10px 5px #888;box-shadow: 10px 20px 5px #888;
A、正确
B、错误
随堂测验
1、【单选题】以下代码可以做长单词折叠显示的是（ ）。
A、word-break:break-word;
B、word-break:wrap;
C、word-wrap:break-word;
D、word-wrap:normal;
2、【单选题】以下哪行代码是文本描边效果（ ）。
A、text-shadow:2px 2px
B、f00;
C、text-shadow:2px 2px 8px blue;
D、text-shadow:0 0 3px
E、f00;
F、text-shadow:2px 2px 4px
G、000;
3、【单选题】以下关于web字体描述正确的是（ ）。
A、web字体，是需要将字体文件预先安装到客户端
B、web字体文件格式分为好多种，每种浏览器支持不同的格式
C、web字体无需预先安装，需要时会由搜索引擎搜索后提供结果
D、web字体可以用@font-family定义出来
4、【判断题】@font-face规则利用src属性，说明web字体来源
A、正确
B、错误
5、【判断题】web字体的优点是，用户不需要预先安装这种特殊字体，由服务器端提供字体文件。
A、正确
B、错误
随堂测验
1、【单选题】以下哪个代码可以将盒子顺时针旋转30度（ ）。
A、transform:scale(30deg);
B、transform:scale(-30deg);
C、transform:rotate(-30deg);
D、transform:rotate(30deg);
2、【单选题】以下哪行代码可以将盒子放大2倍显示（ ）。
A、transform: scale(2);
B、transform: scale(“2”);
C、transform: rotate(2);
D、transform: rotate(“2”);
3、【判断题】2D变换中，transform属性可以使用不同函数，完成不同类型的变换。
A、正确
B、错误
4、【判断题】rotate()函数，其参数取值单位是 deg，表示旋转的角度。
A、正确
B、错误
5、【判断题】scale()函数取值可正可负，取正值表示放大，取负值表示缩小。
A、正确
B、错误
随堂测验
1、【单选题】（ ）可以将盒子的背景颜色、宽度，在1s内，匀速，完成过渡效果。
A、transition:background-color width 1s linear;
B、transition:all 1s linear;
C、transition:all 1s ease;
D、transition:background-color width 1s ease;
2、【单选题】transition-duration属性表示（ ）。
A、过渡时间
B、过渡方式
C、过渡属性
D、过渡延迟
3、【单选题】animation: mycolor 5s linear;关于这条语句叙述错误的是（ ）。
A、mycolor是由@keyframes定义的动画名
B、5s表示5秒完成动画
C、linear表示匀速播放动画
D、mycolor中的关键帧由animation定义
4、【判断题】@keyframes可以定义动画的很多个关键帧，由animation设定动画播放时长、方式等信息。
A、正确
B、错误
5、【判断题】动画是由很多静态图片构成，每个图片可以称为一个关键帧。
A、正确
B、错误
随堂测验
1、【单选题】（ ）代码，表示要进行3D变换。
A、perspective:100px;
B、transform-style： preserve-3d;
C、transition:linear 1s;
D、animation：mycolor 1s linear;
2、【单选题】3D变换的说法错误的是（ ）。
A、transform:rotateY(60deg);表示沿Y轴进行3D变换
B、transition:rotateX(60deg);表示沿X轴进行3D变换
C、perspective:100px;表示透视中的观察距离
D、transform-style: preserve-3d; 一般设置在变换元素的父容器中
3、【判断题】3D变换如果没有透视关系，跟2D变换效果相同。
A、正确
B、错误
4、【判断题】3D变换通过transform属性取得不同的rotateX(),rotateY(),rotateZ()完成沿不同坐标轴的变换。
A、正确
B、错误
5、【判断题】3D变换中，perspective属性取值决定是否有透视关系，透视关系的大小。
A、正确
B、错误
5. CSS3 单元测验
1、【单选题】对于一个高和宽都是20px的盒子，设置其border-radius：10px；可以生成（）。
A、长方形
B、圆角矩形
C、圆形
D、椭圆形
2、【单选题】box-shadow: 10px 10px 5px #888; 其中5px是指（）；
A、水平方向阴影偏移距离
B、垂直方向阴影偏移距离
C、阴影模糊范围
D、阴影与盒子之间的距离
3、【单选题】以下说法不正确的是（）。
A、动画效果可由animation属性设置
B、动画的是由若干帧构成，每帧可由keyframes进行设置
C、animation和keyframes都是属性名称
D、动画可以设置匀速、变速等不同播放方式
4、【判断题】3D变换可以沿X轴、Y轴或者Z轴进行变换。
A、正确
B、错误
5、【判断题】3D变换的舞台，通常是进行3D变换元素的父容器。
A、正确
B、错误
6、【判断题】3D变换产生类似三维效果，可以在三维空间中进行变换，但是无法改变透视效果的大小。
A、正确
B、错误
随堂测验
1、【单选题】下列哪些功能不能使用javascript技术实现（ ）。
A、网页特效
B、网页小游戏
C、读写客户机器上的文件
D、登录注册功能
2、【单选题】下列哪个工具不是专业的前端开发工具（ ）。
A、HBuilder
B、WebStorm
C、Sublime Text
D、Pycharm
3、【单选题】下列哪个选项不属于js的组成（ ）。
A、ECMAScript
B、DOM
C、HTML
D、BOM
4、【单选题】下列关于js说法不正确的是（ ）。
A、开发工具简单，记事本即可
B、无需编译，直接由JS引擎负责执行
C、有面向对象编程思想
D、强类型语言
5、【单选题】JS代码不能写在哪个位置（ ）。
A、嵌入在元素事件中
B、嵌入在<script>标签中
C、嵌入在<title>标签中
D、写在外部的脚本文件中
随堂测验
1、【单选题】关于变量名的命名规范说法错误的是（ ）。
A、不允许使用js的关键字和保留关键字
B、不能以数字开头
C、尽量见名知意
D、不可以采用驼峰命名法
2、【单选题】在javascript中使用（ ）来分隔两条语句。
A、逗号
B、句号
C、分号
D、括号
3、【单选题】var age=25; console.log(“age”);请问最终输出结果显示的是（ ）。
A、25
B、”25”
C、age
D、”age”
4、【单选题】下列变量名错误的是（ ）。
A、stu_1
B、stu1
C、1stu
D、$stu
5、【单选题】下列关于变量赋值说法错误的是（ ）。
A、等号左边必须是变量
B、永远都是将等号右边的值值给等号左边的变量
C、可以使用age关键字声明变量保存年龄
D、35 = 30是正确的
单元测验
1、【单选题】下列哪种数据类型不是原始类型（ ）。
A、数字类型
B、引用类型
C、字符串类型
D、布尔类型
2、【单选题】下列是数字类型的是（ ）。
A、“55”
B、true
C、undefined
D、66
3、【单选题】下列是字符串类型的是（ ）。
A、“55”
B、true
C、undefined
D、66
4、【单选题】下列是布尔类型的是（ ）。
A、“55”
B、true
C、undefined
D、66
5、【单选题】typeof(num);的作用是（ ）。
A、将num转换为数字类型
B、获取num的数据类型
C、输出num的结果
D、获取num的值
随堂测验
1、【单选题】下列不属于运算符的是（ ）。
A、+
B、-
C、*
D、@
2、【单选题】下列表达式的值正确的是（ ）。
A、10%3的值是1
B、1%3的值是3
C、4*3的值是15
D、“5”+5的值是10
3、【单选题】下列不属于逻辑运算符的是（ ）。
A、&&
B、||
C、!
D、>>
4、【单选题】var msg = 2018?”成年人”:”未成年人”;的结果是（ ）。
A、20
B、18
C、成年人
D、未成年人
5、【单选题】表达式1815 1820的结果是（ ）。
A、true
B、false
C、15
D、20
6、【单选题】表达式var result = 85 = 80？ 优秀 : (score=60 ? 合格 :不合格);的值是（ ）。
A、优秀
B、合格
C、不合格
D、85
随堂测验
1、【单选题】声明函数时，要使用一个关键词是（ ）。
A、console
B、log
C、function
D、method
2、【单选题】下列选项可以将指定数据转换为整数的是（ ）。
A、parseFloat
B、parseInt
C、parseByte
D、parseDouble
3、【单选题】下列说法错误的是（ ）。
A、函数可以有返回值，也可以没有返回值
B、函数可以包含参数，也可以不包含参数
C、声明函数时定义的参数，可以称之为叫作 "实参"
D、在调用函数时包含的参数，被称之为"实参"
4、【单选题】 function add(){ // 1 var sum = 1 + 2; // 2 console.log( sum ); // 3 }console.log( sum ) ; //4 在此程序中哪一行语句是错误的（ ）。
A、1
B、2
C、3
D、4
5、【单选题】 var a=1; function sum(b){ console.log(a); a+=2;}sum(a);console.log(a);此程序的最终结果为（ ）。
A、1 2
B、2 1
C、3 1
D、1 3
6、【单选题】function sum(num1,num2){ return num1+num2;}var result = sum( 1, 2 );console.log( result );此程序的结果为（ ）。
A、1
B、2
C、3
D、4
随堂测验
1、【单选题】下列哪一项不是程序结构（ ）。
A、循环结构
B、分支结构
C、顺序结构
D、逻辑结构
2、【单选题】以下选项作为分支结构中的条件表达式结果为真的是（ ）。
A、NaN
B、0
C、1
D、null
3、【单选题】switch-case语句中的break的作用是（ ）。
A、结束整个程序
B、跳出switch结构
C、跳过下一条语句，继续向下执行
D、判断下一个case
4、【单选题】下列选项关于switch-case结构表述正确的是（ ）。
A、switch-case结构适用于范围判断
B、switch-case结构中的case可以是多个
C、在switch-case结构中，如果碰到break，就结束整个程序
D、在switch-case结构不能用if语句代替
5、【单选题】若a和b均是整形变量并已正确赋值，正确的switch语句是（ ）。
A、switch(a+b);{......}
B、switch a+b*3.0{......}
C、switch a{......}
D、switch(a%b){......}
随堂测验
1、【单选题】下列不属于循环结构的是（ ）。
A、while
B、do-while
C、for
D、switch-case
2、【单选题】var i=1while(i5){ console.log(“*”);} 该程序最终输出几个*（ ）。
A、4
B、5
C、6
D、无数个
3、【单选题】在循环结构中continue关键字的作用是（ ）。
A、终止整个程序的执行
B、终止整个循环结构
C、终止本次循环，继续执行下次循环
D、对循环过程没有作用
4、【单选题】var i=0; while(i5){ console.log(“*”); if(i==3){ break; } i++;} 该程序最终输出几个*（ ）。
A、3
B、4
C、5
D、6
5、【单选题】var i=0; while(i5){i++;if(i==3){continue;}console.log(“*”);} 该程序最终输出几个*（ ）。
A、3
B、4
C、5
D、6
随堂测验
1、【单选题】下列创建空数组格式正确的是（ ）。
A、arr;
B、arr=[];
C、var arr=new [];
D、var arr=new Array();
2、【单选题】创建数组var a=[1,2,3];那么a[1]的值是（ ）。
A、1
B、2
C、3
D、没有值
3、【单选题】var arr = new Array(5);console.log( arr.length );该程序的结果为（ ）。
A、0
B、1
C、5
D、10
4、【单选题】下列表达式是获取数组最后一个元素的是（ ）。
A、arr[arr.length+1]
B、arr[arr.length]
C、arr[arr.length-1]
D、arr[arr.length-2]
5、【单选题】数组下标是从（ ）开始的。A．0B．1C．2D．3
A、0
B、1
C、-1
D、以上都不对
随堂测验
1、【单选题】以下方法中哪个可以将数组中的元素转换为字符串,并用逗号分隔（ ）。
A、STRING(arr)
B、arr.join()
C、String(arr)
D、arr.concat()
2、【单选题】以下方法中哪个可以将数组中的元素转换为字符串且可以用自定义连接符分隔（ ）。
A、STRING(arr)
B、arr.join()
C、String(arr)
D、arr.concat()
3、【单选题】关于arr.slice()说法错误的是（ ） 。
A、选取arr中starti位置开始，到endi结束的所有
B、元素组成新数组返回
C、原数组保持不变
D、将会直接修改原数组
4、【单选题】arr.sort()的作用是（ ）。
A、将所有元素转为字符串再排序
B、将所有元素转为数字再排序
C、将所有元素直接排序
D、将所有元素打散再排序
5、【单选题】下列关于arr.reverse()说法正确的是（ ）。
A、进行拼接操作
B、进行删除操作
C、进行颠倒数组操作
D、进行排序操作
6、【单选题】关于arr.splice()说法错误的是（ ）。
A、可进行删除操作
B、可进行选取操作
C、可进行插入操作
D、可进行替换操作
随堂测验
1、【单选题】下列关于DOM的描述哪句话是不正确的（ ）。
A、DOM是万维网联盟W3C的标准
B、DOM定义了访问HTML的标准
C、DOM定义了访问XML文档的标准
D、DOM的Document Object Model浏览器对象模型的缩写
2、【单选题】下列不是DOM查找操作的是（ ）。
A、getElementById()
B、getElementsByTagName()
C、appendChild()
D、getElementsByClassName
3、【单选题】下列可用于精确查找一个元素的是（ ）。
A、getElementsByTagName()
B、createTextNode()
C、getElementById()
D、getElementsByClassName()
4、【单选题】下列是按标签查找元素的是（ ）。
A、getElementById()
B、getElementsByTagName()
C、getElementsByClassName()
D、appendChild()
5、【单选题】下列关于getElementsByTagName描述不正确的是（ ）。
A、只返回第一个元素
B、返回一个动态集合
C、可查找直接子节点
D、可查找所有子代节点
6、【单选题】下列DOM查找中返回集合的是（ ）。
A、getElementById()
B、getElementsByTagName()
C、getAttribute()
D、createElement()
随堂测验
1、【单选题】下列关于DOM核心描述正确的是（ ）。
A、可操作一切结构化文档的API
B、专门操作HTML文档的简化版DOM API
C、简单
D、仅对常用的复杂的API进行了简化
2、【单选题】下列不属于核心DOM的操作的是（ ）。
A、getAttribute()
B、setAttribute()
C、hasAttribute()
D、appendChild()
3、【单选题】下列哪项是移除属性值（ ）。
A、getAttribute()
B、removeAttribute()
C、hasAttribute()
D、appendChild()
4、【单选题】已知var h1 = document.getElementById(“a1)，下列修改属性值正确的是（ ）。
A、h1.getAttribute(“name”)
B、h1.setAttribute(“name”)
C、h1.hasAttribute(“name” , ”zhangsan”)
D、h1.setAttribute(“name” , ”zhangsan”)
5、【单选题】var bool=elem.hasAttribute(name)的含义是（ ）。
A、判断是否包含name属性
B、移除name属性
C、得到name属性的值
D、语法错误
6、【单选题】下列关于DOM操作的描述，不正确的是（ ）。
A、getAttribute("属性名")读取属性值
B、setAttribute("属性名")设置属性值
C、hasAttribute("属性名")判断是否包含指定属性
D、setAttribute("属性名",value)修改属性值
7、【单选题】下列关于HTML DOM的描述不正确的是（ ）。
A、专门操作HTML文档的简化版DOM API
B、简单
C、仅对常用的复杂的API进行了简化
D、包括HTML和XML
随堂测验
1、【单选题】下列哪项不属于添加元素的步骤（ ）。
A、创建空元素
B、设置关键属性
C、获取关键属性值
D、将元素添加到DOM树中
2、【单选题】下列哪项不属于设置关键属性（ ）。
A、a.innerHTML="go to tmooc"
B、a.href="http://tmooc.cn";
C、a.href="http://www.baidu.com";
D、a.style.opacity = "1";
3、【单选题】下列属于将元素添加到DOM树操作的是（ ）。
A、appendChild()
B、removeChild()
C、replaceChild()
D、getAttribute()
4、【单选题】下列属于在父元素中的指定子节点之前添加一个新的子节点的是（ ）。
A、appendChild()
B、removeChild()
C、replaceChild()
D、insertBefore()
5、【单选题】下列不属于添加元素优化的是（ ）。
A、var frag=document.createDocumentFragment();
B、frag.appendChild(child);
C、parent.appendChild(frag);
D、getAttribute()
6、【单选题】parentNode.insertBefore(newChild, existingChild)的含义是（ ）。
A、在父元素中的指定子节点之前添加一个新的子节点
B、为一个父元素追加最后一个子节点
C、判断是否包含指定属性
D、给元素设置指定样式
7、【单选题】下列哪项表示的是创建table标签 （ ）。
A、a.herf="http://tmooc.cn";
B、document.createElement('table');
C、document.createElement('td');
D、console.log( table );
8、【单选题】已知var div = document.createElement( 'div' );var txt = document.createTextNode('文本');如何使txt成为div的最后一个子节点（ ）。
A、div.removeChild(txt)
B、div.appendChild(txt);
C、div.appendchild(txt);
D、div.getAttribute(txt)
9、【单选题】如何创建一个空元素 （ ）。
A、document.getElementById('alink')
B、document.createElement("元素名")
C、element.hasAttribute('元素名')
D、a.style.opacity = "1"
随堂测验
1、【单选题】下列关于BOM的描述正确的是（ ）。
A、BOM允许程序和脚本动态地访问和更新文档的内容、结构和样式。
B、BOM定义了访问HTML的标准
C、BOM定义了访问XML文档的标准
D、BOM是专门操作浏览器窗口的API
2、【单选题】下列不是浏览器对象模型的是（ ）。
A、window
B、history
C、screen
D、element
3、【单选题】下列关于浏览器对象模型document描述正确的是（ ）。
A、封装当前正在加载的网页内容
B、封装了当前窗口正在打开的url地址
C、封装当前窗口打开后，成功访问过的历史url记录
D、代表整个窗口
4、【单选题】下列表示显示整个窗口的高或宽的是（ ）。
A、window.outerWidth
B、window.outerheight
C、window.innerWidth
D、window.innerHeight
5、【单选题】下列关于setInterval(exp,time)描述错误的是（ ）。
A、表示的是周期性定时器
B、表示的是一次性定时器
C、time表示时间周期，单位为毫秒
D、exp表示的是要执行的语句
6、【单选题】使用（ ）停止周期性定时器timer。
A、clearInterval()
B、deleteInterval(timer)
C、clearInterval(timer)
D、deleteInterval()
7、【单选题】下列关于setTimeout(exp,time)描述不正确的是（ ）。
A、让程序延迟一段时间执行
B、让程序按指定时间间隔反复自动执行一项任务
C、exp表示的是要执行的语句
D、time表示间隔时间，单位为毫秒
8、【单选题】以下代码表示的含义是（ ）。var timer = setInterval(function(){ console.log(Hello World); },1000);
A、打印输出一次Hello World
B、打印输出1000次Hello World
C、每隔1000毫秒打印输出一次Hello World
D、每隔1000秒打印输出一次Hello World
9、【单选题】setTimeout(function(){ alert(恭喜过关);},3000);下列关于此段代码描述正确的是（ ）。
A、此段代码周期性执行
B、此段代码只执行一次
C、程序延迟3000秒后执行
D、控制台输出一次恭喜过关
10、【单选题】浏览器对象模型screen表示的是（ ）。
A、封装了屏幕的信息
B、封装了当前窗口正在打开的url地址
C、定义了网页中的事件机制
D、封装浏览器配置信息
6 Javascript 单元作业
6. Javascript 单元测试
1、【单选题】toString()的作用是（ ）。
A、将任意类型的数据转换为字符串类型
B、将任意类型的数据转换为布尔类型
C、将任意类型的数据转换为数字类型
D、将任意类型的数据转换为空值类型
2、【单选题】下列代码最终结果不是NAN的是（ ）。
A、Number(“12你好”);
B、parseInt(“12你好”);
C、parseFloat(“你好12”);
D、Number(“你好12”);
3、【单选题】下列表达式的值正确的是（ ）。
A、10%3结果是1
B、11%3结果是3
C、4*3结果是15
D、“5”+5结果是10
4、【单选题】表达式1815 1820的结果是（ ）。
A、true
B、false
C、15
D、20
5、【单选题】下列说法正确的是（ ）。
A、if语句块的{}不可以省略
B、if语句块的{}可以省略
C、if语句块的条件表达式可以是任意类型
D、if语句块的()可以省略
6、【单选题】数组下标是从哪个数字开始的（ ）。
A、-1
B、0
C、1
D、null
7、【单选题】关于arr.slice()说法错误的是（ ）。
A、选取arr中starti位置开始，到endi结束的所有
B、元素组成新数组返回
C、原数组保持不变
D、将会直接修改原数组
8、【单选题】已知var h1 = document.getElementById(“a1)，下列修改属性值正确的是（ ）。
A、h1.getAttribute(“name”)
B、h1.setAttribute(“name”)
C、h1.hasAttribute(“name” , ”zhangsan”)
D、h1.setAttribute(“name” , ”zhangsan”)
9、【单选题】var t = 10; function test(test){ t = t + test; console.log(t); var t = 3; } test(t); console.log(t); 运行结果是（ ）？
A、3 3
B、3 10
C、NaN 10
D、NaN 3
10、【单选题】能够返回父节点的方法是( )。
A、parentNode
B、nodeName
C、nodeValue
D、nodeType
11、【单选题】创建元素的方法是（ ）。
A、createTextNode()
B、createElement()
C、createAttribute()
D、appendChild()
12、【单选题】能够返回节点文本值的方法是（ ）。
A、innerHTML
B、childNodes
C、parentNode
D、attributes
13、【单选题】向节点添加最后一个子节点的方法是（ ）。
A、appendTo()
B、appendChild()
C、append()
D、insertChild()
14、【单选题】关于对变量的说法,错误的是（ ）。
A、可以使用var key=val的形式赋值
B、由于javascript的动态特性,不需要定义变量，直接采取key= val的形式赋值，key为局部变量
C、若声明而未对变量赋值，该变量的值为undefined
D、var carname="Volvo";var carname;顺序执行后，carnme的值依然为Volvo
15、【单选题】下面符合一个有效的javascript变量定义规则的是（ ）。
A、_$te$t2
B、withA
C、a bc
D、2a
16、【单选题】join()方法的作用是（ ）。
A、检测数值元素的每个元素是否都符合条件
B、连接两个或更多的数组,并返回结果
C、检测数值元素,并返回符合条件所有元素的数组
D、把数组的所有元素放入一个字符串
17、【单选题】放在HTML中()部分JavaScript会在页面加载的时候被执行（ ）。
A、文件起始位置
B、文件结束位置
C、<head>标签部分
D、<body>标签部分
18、【单选题】 下列哪个正确的引入了myScript.js（ ）。
A、<script href="myScript.js">
B、<script name="myScript.js">
C、<script src="myScript.js">
D、<script root="myScript.js">
19、【单选题】输出 Hello World 的正确 Javascript 语法是（ ）。
A、print("Hello World")
B、printf("Hello World")
C、response.write("Hello World")
D、document.write("Hello World")
20、【单选题】JavaScript 用法描述错误的是（ ）。
A、HTML 中的脚本必须位于 <script> 与 </script> 标签之间
B、HTML 文档中可放入不限数量的脚本
C、<script> 和 </script> 会告诉 JavaScript 在何处开始和结束
D、脚本必须位于 HTML 的 <body> 或 <head> 部分中
21、【判断题】JavaScript支持的选择结构包括if语句与select语句。
A、正确
B、错误
22、【判断题】JavaScript支持的循环结构包括for语句与while语句。
A、正确
B、错误
随堂测验
1、【单选题】在JQuery中，如果想要从DOM中删除所有匹配的元素，下面哪一个是正确的（ ）。
A、delete()
B、empty()
C、remove()
D、removeAll()
2、【单选题】下列不是关于JQuery使用使用场景的是（ ）。
A、DOM操作
B、动画效果
C、Ajax
D、网页结构
3、【单选题】在JQuery中使用工厂函数的方法正确的是（ ）。
A、
B、
C、@
D、$
E、*
4、【判断题】$(“#my”)可以选择页面中ID为my的元素。
A、正确
B、错误
5、【判断题】所有能在样式表中使用的选择符，都能放在工厂函数的圆括号中引号内使用。
A、正确
B、错误
6、【判断题】JQuery的核心理念是写更少的代码，做更多的事情。
A、正确
B、错误
7、【判断题】 JQuery屏蔽了浏览器的兼容性问题。
A、正确
B、错误
随堂测验
1、【单选题】下面哪种不是jquery的选择器（ ）。
A、基本选择器
B、后代选择器
C、类选择器
D、进一步选择器
2、【单选题】下列关于html( )描述不正确的是（ ）。
A、读取节点的HTML内容
B、修改节点的HTML内容
C、$("p").html()获取<p>元素的HTML代码
D、读取节点的文本内容
3、【单选题】下列关于text( )的描述不正确的是（ ）。
A、$("p").text()获取p元素的文本
B、读取节点的文本内容
C、读取节点的HTML内容
D、修改节点的文本内容
4、【单选题】在JQuery中，读取节点的value属性值的是（ ）。
A、html()
B、val()
C、text()
D、value()
5、【单选题】在 JQuery如何选择紧邻的后一个元素（ ）。
A、$(“…”).next();
B、$(“…”).before();
C、$(“….”).prev();
D、$(“…”).before();
6、【单选题】在 JQuery如何选择除自己之外的所有元素（ ）。
A、$(“…”).nextAll();
B、$(“…”).prevAll();
C、$(“….”).siblings();
D、$(“…”).all();
7、【单选题】在 JQuery如何读取节点的HTML内容（ ）。
A、$(“…”).val();
B、$(“…”).html();
C、$(“….”).value();
D、$(“…”).name();
随堂测验
1、【单选题】在JQuery中使用哪个关键字绑定事件（ ）。
A、on
B、bind
C、call
D、in
2、【单选题】函数中传递的参数e有什么作用（ ）。
A、提供了可以影响事件在dom中传递进程的一些方法
B、提供了网页中的文字信息
C、提供了网页中的元素
D、没什么作用
3、【单选题】我们可以使用哪个事件对象获取按键的值（ ）。
A、keyCode
B、client
C、key
D、code
4、【单选题】事件对象clientX的作用是（ ）。
A、返回当事件被触发时鼠标指针相对于当前元素的水平坐标
B、返回当事件被触发时鼠标指针相对于屏幕的水平坐标
C、返回当事件被触发时鼠标指针相对于桌面页面的水平坐标
D、返回当事件被触发时鼠标指针相对于浏览器页面的水平坐标
5、【单选题】事件对象screenX的作用是（ ）。
A、可返回事件发生时鼠标指针相对于屏幕的水平坐标
B、事件发生的地点在事件源元素的坐标系统中的 x 坐标
C、鼠标指针的位置，相对于文档的左边缘(firefox,~x)
D、返回当事件被触发时鼠标指针相对于浏览器页面的水平坐标
6、【单选题】事件对象offsetX的作用是（ ）。
A、可返回事件发生时鼠标指针相对于屏幕的水平坐标
B、事件发生的地点在事件源元素的坐标系统中的 x 坐标
C、鼠标指针的位置，相对于文档的左边缘(firefox,~x)
D、返回当事件被触发时鼠标指针相对于浏览器页面的水平坐标
随堂测试
1、【单选题】以下是 HTML5 新增的标签是（ ）。
A、<aside>
B、<isindex>
C、<samp>
D、<s>
2、【单选题】以下说法不正确的是（ ）。
A、HTML5 标准还在制定中
B、HTML5 兼容以前 HTML4
C、<canvas>标签替代 Flash
D、简化的语法
3、【单选题】HTML5 不支持的视频格式是（ ）。
A、ogg
B、mp4
C、flv
D、WebM
4、【单选题】以下不是 HTML5 新特性的是（ ）。
A、新的@font-face 字体设置
B、新的离线存储
C、新的音频、视频 API
D、新的内容标签
5、【判断题】HTML5标准具备一些新特性，并且向前兼容HTML4标准。
A、正确
B、错误
6、【判断题】HTML5中，可以直接使用video标签添加视频，而不需要使用第三方插件。
A、正确
B、错误
7、【判断题】HTML5中，可以直接使用video标签的source属性，添加一个播放视频的列表，依次播放。
A、正确
B、错误
8、【判断题】HTML5的canvas标签，提供了可以用来显示文字的一个区域。
A、正确
B、错误
9、【判断题】canvas绘图功能的实现，需要JS代码的配合使用。
A、正确
B、错误
7. HTML5 单元测验
1、【单选题】以下哪个标签不是HTML5新增结构化标签（ ）。
A、header
B、container
C、footer
D、article
2、【单选题】以下关于header标签叙述错误的是（ ）。
A、header只能在页面中出现一次
B、header是HTML5新增的结构化标签
C、header可以是页面的页眉，也可以是一个section，或者一个article的页眉
D、header标签成对出现
3、【单选题】下面哪个代码可以正确播放音频（）。
A、<audio href="nusic.mp3" controls="controls">浏览器不支持HTML5:audio</audio>
B、<audio type="nusic.mp3" controls="controls">浏览器不支持HTML5:audio</audio>
C、<audio src="nusic.mp3" controls="controls">浏览器不支持HTML5:audio</audio>
D、<video src="nusic.mp3" controls="controls">浏览器不支持HTML5:audio</video>
4、【单选题】HTML5中关于canvas说法错误的是（）。
A、canvas标签本身只提供定义画布的功能
B、可以用如下格式先定义画布<canvas id="myCanvas" width="860" height="480">浏览器不支持画布</canvas>
C、进行canvas绘图，需要结合js实现
D、canvas标签既提供定义画布，也可以通过其属性，完成绘图功能
5、【单选题】HTML5说法错误的是（ ）。
A、HTML5的一些新增特性，浏览器并不一定都支持
B、HTML5标准中提供了新的结构化标签，使得标签更加规范，更有明确的语义
C、HTML5基本文件结构与HTML4基本文件结构有差别
D、HTML5标准也只能通过插件播放音频和视频
6、【判断题】响应式布局主要通过媒体查询实现。
A、正确
B、错误
7、【判断题】响应式布局是指，可以根据不同设备的屏幕宽度，进行不同的布局，来提高用户体验。
A、正确
B、错误
8、【判断题】响应式布局和自适应布局是不同的，自适应布局是自动根据屏幕宽度调整页面，而响应式布局是前端人员通过媒体查询，根据不同设备，设置不同页面结构实现的。
A、正确
B、错误
“Web前端开发” 期末考试 客观选择题
1、【单选题】audio元素中src属性的作用是（ ）。
A、提供播放、暂停和音量的控制条
B、循环播放
C、设定要播放音频的URL
D、插入一段替换内容
2、【单选题】哪一个不是HTML5新增的语义化标记元素（ ）。
A、 section
B、foot
C、article
D、aside
3、【单选题】以下标记中，没有对应的结束标记的是( )。
A、<body>
B、<html>
C、<br>
D、<title>
4、【单选题】若要在页面中创建一个图形超链接，要显示的图形为myhome.jpg，所链接的地址为http://www.webcourse.club，以下用法中，正确的是( )。
A、<a href=“http://www.webcourse.club”>myhome.jpg</a>
B、<a href=“http://www.webcourse.club”><img src=“myhome.jpg”></a>
C、<img src=“myhome.jpg”><a href=“http://www.webcourse.club”></a>
D、<a href =http://www.webcourse.club><img src=“myhome.jpg”>
5、【单选题】( ) 给所有的h1标签添加背景颜色。
A、.h1 {background-color:
B、fff}
C、h1 {background-color:
D、fff;}
E、h1.all {background-color:
F、fff}
G、
H、h1 {background-color:
I、fff}
6、【单选题】( )去掉文本超级链接的下划线。
A、a{text-decoration:no-underline}
B、a {underline:none}
C、a {text:no-underline}
D、a {text-decoration:none}
7、【单选题】若要在网页中插入样式表main.css,以下用法中，正确的是（ ）。
A、<link href=”main.css” type=text/css rel=stylesheet>
B、<link src=”main.css” type=text/css rel=stylesheet>
C、<include href=”main.css” type=text/css>
D、<include href=”main.css” type=text/css rel=stylesheet>
8、【单选题】若要在当前网页中定义一个内嵌的类别的样式myText,使具有该类样式的正文字体为”Arial”,字体大小为12px,行间距为18px，则需要在head标签内添加（ ）。
A、<style> .myText{font-familiy:Arial;font-size:12px;line-height:18px}</style>
B、.myText{font-familiy:Arial;font-size:12px;line-height:18px}
C、<style> .myText{fontName:Arial;fontSize:12px;lineHeight:18px} </style>
D、<style>
E、myText{fontName:Arial;font-ize:12px;line-height:18px}</style>
9、【单选题】HTML文档的树状结构中，（ ）标签为文档的根节点，位于结构中的最顶层。
A、<html>
B、 <head>
C、 <body>
D、<!DOCTYPE>
10、【单选题】（ ）CSS属性能够设置盒模型的内边距为上侧10，下侧20，右侧30，左侧40（单位px）。
A、padding:10px 30px 20px 40px
B、padding:10px 20px 30px 40px
C、padding:10px 40px 20px 30px
D、padding:40px 30px 20px 10px
11、【单选题】( )描述了JavaScript的基本语法。
A、DOM
B、BOM
C、ECMAScript
D、JScript
12、【单选题】JavaScipt是一门( )语言。
A、运行在客户端弱类型编程语言
B、强类型编程语言
C、运行在服务端
D、浏览器只有安装插件才能运行
13、【单选题】在HTML页面上添加Javascript代码时，应编写在（ ）标签中间。
A、<javascript>和</javascript>
B、<script>和</script>
C、 <js>和</js>
D、<link>和</link>
14、【单选题】编写Javascript函数实现网页背景色选择器，下列选项中正确的是（ ）。
A、function change(color){ window.bgColor=color;}
B、 function change(color){ document.bgColor=color;}
C、function change(color){ body.bgColor=color;}
D、function change(color){ form.bgColor=color;}
15、【单选题】在HTML页面中包含一个按钮控件mybutton，如果要实现点击该按钮时调用已定义的Javascript函数compute，要编写的HTML代码是（ ）。
A、<input name=”mybutton” type=”button” onClick=”compute” value=”计算”>
B、<input name=”mybutton” type=”button” onFocus=”compute()” value=”计算”>
C、<input name=”mybutton” type=”button” onClick=”function compute()” value=”计算”>
D、<input name=”mybutton” type=”button” onClick=”compute()” value=”计算”>
16、【单选题】分析下段代码输出结果是（ ）。 var arr = [2,3,4,5,6]; var sum =0; for(var i=1;i arr.length;i++) { sum +=arr[i]; } console.log(sum);
A、14
B、16
C、18
D、20
17、【单选题】下面代码，k的运行结果是（ ）。 var i = 0,j = 0; for(;i10,j6;i++,j++){ k = i + j; }
A、16
B、10
C、6
D、12
18、【单选题】以下关于定位错误的是（ ）。
A、绝对定位和相对定位都属于层定位，可以用z-index设置层叠次序
B、绝对定位元素脱离文档流，原有位置不会被保留
C、相对定位元素脱离文档流，原有位置不会被保留
D、绝对定位与相对定位参照物不同，绝对定位元素相对于也进行了相对或者绝对定位的父元素进行定位，如果没有这样的父元素，则相对于body定位
19、【单选题】以下说法错误的是（ ）。
A、HTML决定网页的结构，其元素都用特定标签表示出来
B、CSS决定网页样式，样式添加可以通过单独文件链接样式、嵌入样式、行内样式几种不同方式，每个网页只能选择一种方式添加样式
C、JS决定网页行为，可以完成一些动态效果，比如单击按钮弹出提示
D、JQuery是一个 JavaScript 库，极大地简化了 JavaScript 编程
20、【单选题】用来输入密码的表单域是( )。
A、<input type=”text” …….>
B、<input type=”reset” …….>
C、<input type=”password” …….>
D、<input type=”submit” …….>
