尔雅一体化工程实践I课后答案(学习通2023课后作业答案)
2-1 HTML概述随堂测验
1、尔雅网页是体化由HTML语言来实现的，HTML语言是工程（ ）。
A、实践大型数据库
B、课课后网页源文件中出现的后答唯一一种语言
C、网络通信协议
D、案学超文本标记语言
2、习通HTML文档中的作业元素分为( )两部分。
A、答案内容文本、尔雅标签
B、体化文本、工程多媒体元素
C、实践超文本、课课后多媒体元素
D、标签、框架
3、以下关于HTML标签叙述错误的是：
A、可以单独出现，也可以成对出现
B、必须正确嵌套
C、标签可以带有属性，属性的顺序无关
D、标签和其属性构成了HTML元素
4、HTML的标签一定是成对出现的，否则无法完成嵌套关系。
5、HTML不区分大小写。
6、所有HTML标签都有开始标签和结束标签构成。
7、HTML的注释语句格式为：/* */。
2-2 HTML文件结构随堂测验
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编码都涵盖了所有语言文字
7、网页源文件本身的编码方式与浏览器解读的编码方式如果不同，就会出现乱码。
2-3 HTML标签(I) h1~h6、p、br、pre、span、hr随堂测验
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标签。
2-4 HTML标签(II) a随堂测验
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>
2-5 HTML标签(III) img随堂测验
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=″#FFFFFF″>
B、<img src=″图片路径及文件名″>
C、<a herf=″链接页面路径及文件名″><img src=″图片路径及文件名″></a>
D、<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格式支持背景色透明
2-6 HTML标签(IV) div、ul、ol 、table随堂测验
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
2-7 HTML标签(V) form、input、select、textarea随堂测验
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基础 单元测验
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中， 表示空格
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语言是指超文本标记语言，超文本，是超出文本范围的其他形式、内容更丰富的文本。
22、表单元素需要放在表单域里面，单选按钮需要用radio标签实现。
2. HTML基础 单元作业
1、要求将网站放在文件夹之中，包括所有网页文件与用到的图片等文件，压缩成.zip或者.rar文件上传。 网站实现如下内容： （1）包含两个网页，内容自己设计。（1分） （2）网页中要用到div标签，合理对网页的区域进行划分。（1分） （3）每个网页都有导航栏，导航栏可以水平也可以垂直排列，可以通过导航栏在两个页面之间跳转。（1分） （4）网页有一级标题。（1分） （5）网页有正文段落。（1分） （6）网页上用到1个图片，美化页面。 （1分）
团队介绍
1、团队名称； 1分 团队描述：主要描述有别于其他所有团队的特点或核心竞争力，言简意赅。2分 队员简介：介绍每一队员的风格、擅长的技术、编程的兴趣、希望的软工角色、一句话宣言、照片等；2分
作业补交-HTML基础 单元作业
1、补交作业
1. 概论
1-1 Web前端开发概述随堂测验
1、web系统前端是指系统中用户接触到的部分。
2、web系统后端主要负责完成系统功能，包括数据存取、系统安全等。
3、网页对应着的源文件包含一些代码，而浏览器可以解析这些代码，呈现出来。
1-2 网站与网页随堂测验
1、以下关于浏览器的描述错误的是：
A、主流的浏览器有Chrome,Firefox,IE等。
B、不同浏览器厂商的浏览器，一定有不同的内核。
C、不同版本的浏览器差别可能很大，对Web技术的支持度也会不同。
D、Chrome浏览器可以在进行web前端开发时，用于调试和测试。
2、以下哪一项是一个HTML元素：
A、<title>
B、<title>欢迎来到课程首页</title>
C、<title></title>
D、</title>
3、只有文字可以进行超链接的设置，而图片不可以。
4、网页的导航栏是超链接的集合，可以由此进入不同版块或页面。
5、网站中的网页是逻辑相关的，可以通过超链接的方式被组织在一起。
1-3 Web前端开发技术随堂测验
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是超文本标记语言，是制作网页的标准语言。
5、CSS负责网页的结构，JavaScript负责网页的行为，也就是跟用户的一些交互。
6、w3c组织制定关于web技术的一些标准，例如HTML、CSS、JS等。
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、后端部分是对普通用户不可见的，例如从数据库中读取数据。
10、Web前端开发技术中HTML是用来完成网页内容的，CSS是用来设置样式的。
3. CSS样式
3-1 CSS概述随堂测验
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样式的选择器可以是标签的名字。
6、有了CSS样式，就可以做到使内容与样式分离，便于分别修改。
3-2 CSS添加方法随堂测验
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、外部样式表文件可以由以下哪个标签导入 （ ）。
A、link
B、import
C、style
D、input
8、CSS样式添加的方式有三种，分别是行内样式、内嵌样式、外部样式表链接样式。
9、CSS行内样式添加的时候，采用的是style标签进行添加。
10、CSS行内样式只对当前元素起作用。
11、CSS内嵌样式用CSS定义样式，然后在HTML部分引用这种样式。
3-3 CSS选择器随堂测验
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、#two{ color:red;}
D、p,h1{ color:red;}
5、以下关于class和id的说法错误的是（ ）。
A、class的定义方法是：.类名{ 样式}；
B、id的应用方法：<指定标签 id=”id名”>
C、class的应用方法：<指定标签 class=“类名”>
D、id和class只是在写法上有区别，在应用和意义上没有区别
6、下面选项中是合法的类样式的是（ ）。
A、.word
B、#word
C、word
D、$word
3-4 CSS样式(I) 文字样式随堂测验
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"> # firstp { color:red} </style>
C、<style type="text/css"> .firstp { color:red} </style>
D、<style type="text/css"> p.firstp { color:red} </style>
3-5 CSS样式(II) 背景、超链接样式随堂测验
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:#FFFFFF}
B、h1 { background-color:#FFFFFF;}
C、#h1 { background-color:#FFFFFF}
D、h1.all { background-color:#FFFFFF}
4、如下所示的这段CSS样式代码，定义的样式效果是（ ）。 a:active { color: #000000;}
A、默认链接是#000000颜色
B、访问过链接是#000000颜色
C、鼠标上滚链接是#000000颜色
D、活动链接是#000000颜色
5、a:link表示超链接文字在（ ）时的状态。
A、鼠标按下
B、初始状态
C、鼠标放上去
D、访问过后
6、a:hover表示超链接文字在（ ）时的状态。
A、鼠标按下
B、原始状态
C、鼠标放上去
D、访问过后
3-6 CSS样式(III) 列表 表格样式随堂测验
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属性，默认可以看到两层边框线。
7、可以使用table-collapse属性将表格边框和单元格边框重合在一起显示。
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、标签. 样式名字：表示只有该指定的标签才能引用它
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、#two{ color: red}
D、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、#f00
B、#00f
C、#666
D、#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行内样式的优先级高于外部样式表链接样式，如果有对属性的重复设置，行内样式会覆盖掉外部样式表的样式。
22、超链接如果四种状态下做统一设置，则只需要定义选择器名称为a的样式即可。
3. CSS样式 单元作业
1、要求将网站放在文件夹之中，包括所有网页文件与用到的图片等文件，压缩成.zip或者.rar文件上传。CSS样式采用内嵌样式完成。 网站实现如下内容（见附件图1，图2）： （1）包含1个网页。（1分） （2）网页中要用到表格， a) 表格分成2行，第一行包含表头单元格（1分） b) 第二行包含普通单元格（1分） c）表格宽度300px（1分） （3）表格第一行 a) 有背景颜色#3cc（1分） b) 文本居中对齐（1分） c) 文字18个像素大小（1分） d）行高3字符（1分） （4）表格第二行单元格 a) 文字白色，背景黑色，字号12像素大小（1分） b）包含一个无序列表，无列表标号 （1分） （5）无序列表中是10个超链接（1分） a) 超链接无下划线 （1分） b）默认超链接文字白色（1分） c）鼠标悬停超链接背景颜色变白，文字颜色变黑（1分） （6）代码是否规范（1分）
3. CSS样式 单元作业
1、要求将网站放在文件夹之中，包括所有网页文件与用到的图片等文件，压缩成.zip或者.rar文件上传。CSS样式采用内嵌样式完成。 网站实现如下内容： （1）包含1个网页。（1分） （2）网页有标题，两个段落。（2分） （3）标题居中，36px，宋体。（3分） （4）段落字号14px，微软雅黑，段间距1.5倍，首行缩进两字符。（4分）
2、要求将网站放在文件夹之中，包括所有网页文件与用到的图片等文件，压缩成.zip或者.rar文件上传。CSS样式采用内嵌样式完成。 网站实现如下内容： （1）包含3个网页，每个页面上添加一个有序列表。（3分） （2）第一个网页，内嵌方式实现：（2分） （a）列表标号为罗马数字。 （b）列表文字为蓝色。 （3）第二个网页，外部样式表方式实现同样内容和样式（2分） （4）第三个网页，行内方式实现同样内容和样式（2分）
4. CSS布局与定位
4-1 布局与定位概述随堂测验
1、盒子模型中的盒子，可以是任何页面元素。
2、盒子模型中的盒子是可以逐层嵌套的。
3、CSS进行布局与定位，首先用盒子将元素大小、边距等信息确定下来，然后用定位方式决定盒子的位置。
4、定位机制分为三种：盒子定位、文档流定位、浮动定位。
4-2 盒子模型（I）随堂测验
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个方向分别设置的。
7、溢出盒子的部分，可以使用overflow属性，将其设置为hidden隐藏起来。
4-3 盒子模型（II）随堂测验
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进行设置。
7、margin:1px 2px 1px 3px; 可以缩写成 margin:1px 2px 3px;
4-4 CSS定位机制概述随堂测验
1、浮动定位通过float属性设置来实现。
2、默认定位方式就是文档流定位。
3、层定位通过postion属性来设定。
4、对于一个盒子，文档流定位、浮动定位、层定位只能选择其中一个。
5、层定位是可以将盒子像图层一样处理，有前后层叠顺序。
4-5 文档流定位随堂测验
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 。
4、默认情况下，块状元素都会占据一行，通俗地说，两个相邻块状元素不会出现并列显示的现象；默认情况下块状元素会按顺序自上而下排列。
5、块状元素都不可以定义自己的宽度和高度 。
6、块状元素可以作为其他元素的容器，它可以容纳其他行内元素和其他块状元素。
4-6 浮动定位随堂测验
1、clear属性取值说法正确的是( )。
A、取值为all表示四周浮动元素被删除
B、取值为left表示左侧浮动元素被删除
C、取值为right表示右侧浮动元素被删除
D、取值为both表示清除两侧浮动
2、float属性说法不正确的是（ ）。
A、该属性可以用于图文混排
B、该属性可以用于网页分栏
C、该属性可以用于盒子层叠
D、该属性可以用于浮动定位
3、浮动元素在文档流中的原位置依然保留。
4、利用float属性将3个div盒子水平排列，可以将3个盒子都设置float:right。
5、如果一个父元素的所有子元素都浮动起来，则这个父元素默认高度坍缩为0。
4-7 层定位随堂测验
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的取值决定。
6、通常将父元素设置为绝对定位，子元素设置为相对定位，就可以将子元素相对于父元素定位了。
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="child">1</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、盒子可以层层嵌套
5. CSS3
5-1 圆角边框与阴影随堂测验
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属性不能设置盒子的阴影颜色，只能是黑色阴影。
5、下面两条语句，盒子阴影模糊范围一样大。 box-shadow: 10px 10px 5px #888; box-shadow: 10px 20px 5px #888;
5-2 文字与文本随堂测验
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 #f00;
B、text-shadow:2px 2px 8px blue;
C、text-shadow:0 0 3px #f00;
D、text-shadow:2px 2px 4px #000;
3、以下关于web字体描述正确的是（ ）。
A、web字体，是需要将字体文件预先安装到客户端
B、web字体文件格式分为好多种，每种浏览器支持不同的格式
C、web字体无需预先安装，需要时会由搜索引擎搜索后提供结果
D、web字体可以用@font-family定义出来
4、@font-face规则利用src属性，说明web字体来源
5、web字体的优点是，用户不需要预先安装这种特殊字体，由服务器端提供字体文件。
5-3 2D变换随堂测验
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属性可以使用不同函数，完成不同类型的变换。
4、rotate()函数，其参数取值单位是 deg，表示旋转的角度。
5、scale()函数取值可正可负，取正值表示放大，取负值表示缩小。
5-4 过渡与动画随堂测验
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设定动画播放时长、方式等信息。
5、动画是由很多静态图片构成，每个图片可以称为一个关键帧。
5-5 3D变换随堂测验
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变换效果相同。
4、3D变换通过transform属性取得不同的rotateX(),rotateY(),rotateZ()完成沿不同坐标轴的变换。
5、3D变换中，perspective属性取值决定是否有透视关系，透视关系的大小。
6. JavaScript基础
6-1 概述与基础语法随堂测验
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、写在外部的脚本文件中
6-2 变量随堂测验
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是正确的
6-3 数据类型随堂测验
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的值
6-4 运算符与表达式随堂测验
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 = 20>18?”成年人”:”未成年人”;的结果是（ ）。
A、20
B、18
C、成年人
D、未成年人
5、表达式18>15 && 18<20的结果是（ ）。
A、true
B、false
C、15
D、20
6、表达式var result = 85 >= 80？ "优秀" : (score>=60 ? "合格" :"不合格");的值是（ ）。
A、优秀
B、合格
C、不合格
D、85
6-5 函数随堂测验
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
6-6 分支结构随堂测验
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){ ......}
6-7 循环结构随堂测验
1、下列不属于循环结构的是（ ）。
A、while
B、do-while
C、for
D、switch-case
2、var i=1 while(i<5){ console.log(“*”); } 该程序最终输出几个*（ ）。
A、4
B、5
C、6
D、无数个
3、在循环结构中continue关键字的作用是（ ）。
A、终止整个程序的执行
B、终止整个循环结构
C、终止本次循环，继续执行下次循环
D、对循环过程没有作用
4、var i=0; while(i<5){ console.log(“*”); if(i==3){ break; } i++; } 该程序最终输出几个*（ ）。
A、3
B、4
C、5
D、6
5、var i=0; while(i<5){ i++; if(i==3){ continue; } console.log(“*”); } 该程序最终输出几个*（ ）。
A、3
B、4
C、5
D、6
6-8 数组随堂测验
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．0 B．1 C．2 D．3
A、0
B、1
C、-1
D、以上都不对
6-9 数组API函数随堂测验
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.recerse()说法正确的是（ ）。
A、进行拼接操作
B、进行删除操作
C、进行颠倒数组操作
D、进行排序操作
6、关于arr.splice()说法错误的是（ ）。
A、可进行删除操作
B、可进行选取操作
C、可进行插入操作
D、可进行替换操作
6-10 DOM查找随堂测验
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()
6-11 DOM修改随堂测验
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
6-12 DOM添加随堂测验
1、下列哪项不属于添加元素的步骤（ ）。
A、创建空元素
B
学习通一体化工程实践I
学习通一体化工程实践I是针对计算机专业学生的一门课程，旨在让学生掌握计算机领域的基本技能和知识，为未来的实践工作奠定基础。以下是该课程的一些内容介绍：
一、课程目标
该课程旨在让学生掌握计算机领域的基本技能和知识，包括计算机硬件、操作系统、数据库、网络、编程等方面。同时，让学生通过实践项目，培养实际工作能力和团队合作精神，为未来的实践工作奠定基础。
二、课程内容
该课程主要包括以下内容：
- 计算机硬件
- 操作系统
- 数据库
- 网络
- 编程
- 实践项目
三、教学方法
该课程采用线上线下结合的教学方式，包括讲解课程知识、讨论实践项目、练习编程、参观实验室等环节。同时，教师将根据学生的个性化需求，提供一对一的辅导和指导。
四、实践项目
该课程的实践项目主要是团队开发一个基于Web的电商平台。学生将会分为若干小组，每组包括设计、前端、后端和测试等角色，要求团队协作完成整个项目。
该项目旨在让学生学习并实践理解Web开发技术，包括HTML、CSS、JavaScript、jQuery、PHP、MySQL等。
五、总结
学习通一体化工程实践I是一门非常实用的课程，可以让学生在学习计算机技术的同时，培养工作能力和团队合作精神。通过实践项目，学生可以有效地巩固和应用所学知识，为未来的工作打下坚实的基础。
学习通一体化工程实践I
学习通一体化工程实践I是针对计算机专业学生的一门课程，旨在让学生掌握计算机领域的基本技能和知识，为未来的实践工作奠定基础。以下是该课程的一些内容介绍：
一、课程目标
该课程旨在让学生掌握计算机领域的基本技能和知识，包括计算机硬件、操作系统、数据库、网络、编程等方面。同时，让学生通过实践项目，培养实际工作能力和团队合作精神，为未来的实践工作奠定基础。
二、课程内容
该课程主要包括以下内容：
- 计算机硬件
- 操作系统
- 数据库
- 网络
- 编程
- 实践项目
三、教学方法
该课程采用线上线下结合的教学方式，包括讲解课程知识、讨论实践项目、练习编程、参观实验室等环节。同时，教师将根据学生的个性化需求，提供一对一的辅导和指导。
四、实践项目
该课程的实践项目主要是团队开发一个基于Web的电商平台。学生将会分为若干小组，每组包括设计、前端、后端和测试等角色，要求团队协作完成整个项目。
该项目旨在让学生学习并实践理解Web开发技术，包括HTML、CSS、JavaScript、jQuery、PHP、MySQL等。
五、总结
学习通一体化工程实践I是一门非常实用的课程，可以让学生在学习计算机技术的同时，培养工作能力和团队合作精神。通过实践项目，学生可以有效地巩固和应用所学知识，为未来的工作打下坚实的基础。
