智慧树知到《WEB前端技术（山东联盟）》章节测试答案

智慧树知到《WEB前端技术（山东联盟）》章节测试答案
第一章单元测试
1、前端的门槛很低，是个轻松拿高薪的职业。（）
A.正确
B.错误
正确答案：错误
2、前端流行框架有很多，比如VUE，react，angular等。（）
A.正确
B.错误
正确答案：正确
3、vscode、chrome的开发者工具均属于代码编辑器。（）
A.正确
B.错误
正确答案：错误
4、早期的前端开发，仅限于静态页面，我们称其为web1.0时代。
A.正确
B.错误
正确答案：正确
5、config文件夹中一般用来保存环境变量。（）
A.正确
B.错误
正确答案：正确
第二章单元测试
1、HTML中字母H的含义是（）。
A.Happy
B.Hyperlinks
C.Home
D.Hyper
正确答案：Hyper
2、web标准的制定者是（）。
A.SUN公司
B.万维网联盟（W3C）
C.微软
D.网景公司（Netscape）
正确答案：万维网联盟（W3C）
3、以下（）项目是用来访问web页的软件。
A.FTP
B.QQ
C.Internet Explorer
D.Outlook Express
正确答案：Internet Explorer
4、以下（）不是WEB前端开发工具。
A.HBuilder
B.dreamwaver
C.Sublime text
D.DEV C++
正确答案：DEV C++
5、用HTML标记语言编写一个简单的网页，网页最基本的结构是（）。
A.<；html>；<；head>；…<；/head>；<；frame>；…<；/frame>；<；/html>
B.<；html>；<；title>；…<；/title>；<；frame>；…<；/frame>；<；/html>
C.<；html>；<；head>；…<；/head>；<；body>；…<；/body>；<；/html>
D.<；html>；<；title>；…<；/title>；<；body>；…<；/body>；<；/html>
正确答案：<；html>；<；head>；…<；/head>；<；body>；…<；/body>；<；/html>
6、DNS的中文含义是（）。
A.服务器系统
B.地名系统
C.域名服务系统
D.邮件系统
正确答案：域名服务系统
7、（）是对可以从互联网上得到的资源的位置和访问方法的一种简洁的表示，是互联网上标准资源的地址。
A.WWW
B.URI
C.HTTP
D.URL
正确答案：URL
8、HTML语言中，为了标识一个HTML文件，应该使用的HTML标签是（）。
A.<；link>；<；/link>
B.<；title>；<；/title>
C.<；table>；<；/table>
D.<；html>；<；/html>
正确答案：<；html>；<；/html>
9、下列标记不能放在头部标记<；head>；中的是（）？
A.<；link>；
B.<；img>；
C.<；style>
D.<；script>；
正确答案：<；img>；
10、请你在下列浏览器中，选出常用的浏览器（）。
A.猎豹
B.firefox
C.IE
D.chrome
正确答案：猎豹；firefox；IE；chrome
第三章单元测试
1、下列的HTML中哪个可以插入一条水平线（）？
A.<；br>
B.<；P>
C.<；break>
D.<；hr>
正确答案：<；hr>
2、块级元素：下列的HTML中哪个是最大的标题（）？
A.<；h1>
B.<；heading>
C.<；h6>
D.<；head>
正确答案：<；h1>
3、默认情况下，使用<；p>；标记会形成什么效果（）？
A.开始新的一行
B.<；p>；后面的文字会变成粗体
C.在文字<；p>；所在位置中加入8个空格
D.<；p>；后面的文字会变成斜体
正确答案：开始新的一行
4、下面是换行符表级的是（）。
A.<；body>
B.<；p>
C.<；br>
D.<；font>
正确答案：<；br>
5、内联元素：请选择产生斜体字的HTML标签（）。
A.<；it>
B.<；i>
C.<；ii>
D.<；italics>
正确答案：<；i>
6、<；blockquote>；<；/blockquote>；标签的意思（）。
A.对文字倾斜
B.插入空行
C.对文字加粗
D.文本缩进
正确答案：文本缩进
7、在html中<；pre>；的作用是（）。
A.标题标记
B.预排版标记
C.文字效果标记
D.转行标记
正确答案：预排版标记
8、在网页中，必须使用（）标记来完成超级链接。
A.<；p>；....<；/p>
B.<；link>；....<；/link>
C.<；a>；....<；/a>
D.<；li>；....<；/li>
正确答案：<；a>；....<；/a>
9、以下标记符中，用于设置页面标题的是（）。
A.<；head>
B.<；html>
C.<；title>
D.<；caption>
正确答案：<；title>
10、以下标记符中，没有对应的结束标记的是（）。
A.<；html>
B.<；body>
C.<；title>
D.<；br>
正确答案：<；br>
第四章单元测试
1、如果在catalog.htm中包含如下代码，则该HTML文档IE浏览器中打开后，用户单击此链接将（）。<；A HREF="；#novel"；>；小说<；/a>（）。
A.使页面跳转到同一文件夹下名为“小说.html”的HTML文档中名为“novel”的锚记处
B.使页面跳转到同一文件夹下名为“novel.html”的HTML文档
C.使页面跳转到同一文件夹下名为“小说.html”的HTML文档
D.使页面跳转到catalog.htm包含名为“novel”的锚记处
正确答案：使页面跳转到catalog.htm包含名为“novel”的锚记处
2、超链接：想要使用户在单击超链接时，弹出一个新的网页窗口，代码是（）。
A.<；A href="；right.html"； target="（）parent"；>；新闻<；/A>
B.<；A href="；right.html"； target="（）self"；>；新闻<；/A>
C.<；A href="；right.html"； target="（）blank"；>；新闻<；/A>
D.<；A href="；right.html"； target="（）top"；>；新闻<；/A>
正确答案：<；A href="；right.html"； target="（）blank"；>；新闻<；/A>
3、div及span：关于DIV标记，下列说法错误的是（）。
A.DIV和SPAN可以相互嵌套。
B.DIV是一个无任何语义的标签。
C.DIV和SPAN可以做网页区域划分。
D.SPAN是一个无任何语义的标签。
正确答案：DIV和SPAN可以相互嵌套。
4、超链接：如何制作电子邮件链接（）？
A.<；mail>；xxx@yyy<；/mail>
B.<；a；href="；xxx@yyy"；>
C.<；mail；href="；xxx@yyy"；>
D.<；a；href="；mailto：xxx@yyy"；>
正确答案：<；a；href="；mailto：xxx@yyy"；>
5、超链接：下列有关超链接的说法不正确的是（）。
A.超链接只能在不同的网页之间进行跳转
B.超链接是网页与网页之间联系的纽带，也是网页的重要特色
C.超链接文字通常会有一条下划线，我们也可以通过设置取消这条下划线。
D.超链接是一种标记，形象的说法就是单击网页中的这个标记则能够加载另一个网页，这个标记可以做在文本上也可以做在图像上。
正确答案：超链接只能在不同的网页之间进行跳转
6、多媒体：使用以下那一种元素可以将声音添加到网页里面？（）。
A.sound
B.music
C.bgsound
D.voice
正确答案：bgsound
7、超链接：一个文件夹名称叫Parent，其下有一个叫做test.asp的文件，和一个名为Child的文件夹。Child下有一个名为default.htm文件，想在default.htm中作一个链接，链到test.asp。以下正确的是（）。
A.<；a；href=“c：/test.asp”>；…<；/a>
B.<；a；href=“‥/test.asp”>；…<；/a>
C.<；a；href=“/test.asp”>；…<；/a>
D.<；a；href=“Parent/test.asp”>；…<；/a>
正确答案：<；a；href=“‥/test.asp”>；…<；/a>
8、表单：在HTML中，<；form；method=”post”>；，method表示（）。
A.表单所用的脚本语言
B.提交的URL地址
C.提交的方式
D.表单的形式
正确答案：提交的方式
9、在HTML5中，下列哪个标签是音频标签（）。
A.tv
B.video
C.audio
D.hr
正确答案：audio
10、HTML5中添加了音频和视频标记，赋值为文件所在的路径的属性是（）。
A.resource
B.src
C.ly
D.w3c
正确答案：src
第五章单元测试
1、下列在CSS中插入注释正确的写法是（）。
A./* this is a comment*/
B.//this is a comment//
C.'；this is a comment
D.//this is a comment
正确答案：/* this is a comment*/
2、引用外部样式表的元素应该放在（）。
A.HTML文档的结束的位置
B.在body元素中
C.在head元素中
D.HTML文档的开始的位置
正确答案：在head元素中
3、哪个HTML标签可用来定义内部样式表（）？
A.<；script>
B.<；css>
C.<；html>
D.<；style>
正确答案：<；style>
4、下列（）是CSS正确的语法构成。
A.body {color：black；}
B.body：color=black
C.{body；color：black}
D.{body：color=black（body}
正确答案：body {color：black；}
5、在下面关于CSS样式的说明，其中（）不是CSS的优势。
A.轻松创建及编辑
B.Web页面样式与结构分离
C.页面下载时间更快
D.使用CSS增加了维护成本
正确答案：使用CSS增加了维护成本
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＞
正确答案：＜Style Type=”text/css”＞ #firstp {color：red} ＜/Style＞
7、下列CSS（）属性可以更改字体大小。
A.font-size
B.text-size
C.text-style
D.font-style
正确答案：font-size
8、（）可以去掉文本超级链接的下划线。
A.a {decoration：no underline}
B.a {underline：none}
C.a {text-decoration：none}
D.a {text-decoration：no underline}
正确答案：a {text-decoration：none}
9、如何使文本以大写字母开头（）？
A.text-transform：capitalize
B.text-transform：uppercase
C.无法通过CSS来完成
正确答案：text-transform：capitalize
10、下列关于CSS说法正确的是（）。
A.CSS目前最新版本是5
B.CSS主要负责动态效果设置
C.其中文含义是层叠样式表
D.HTML可以替代CSS的所有功能
正确答案：其中文含义是层叠样式表
第六章单元测试
1、若对p段落的第一行进行设置，则用下列哪一个选择器（）。
A.p：first-letter
B.p：before
C.p
D.p：firstline
正确答案：p：firstline
2、同一个 HTML 元素被不止一个样式定义时，会使用哪个样式呢（）？
A.内部样式表（位于<；head>；标签内部）
B.内联样式（在 HTML 元素内部）
C.浏览器缺省设置
D.外部样式表
正确答案：内联样式（在 HTML 元素内部）
3、下列哪个选项是把列表中的最后一个“li”的背景设置为蓝色（）。
A.ul>；li：last-child{background：blue；}
B.ul>；li：only-child{background：blue；}
C.ul>；li{background：blue；}
D.ul>；li：first-child{background：blue；}
正确答案：ul>；li：last-child{background：blue；}
4、下列哪些属性不可以被继承（）。
A.border
B.list-style
C.font-style
D.text-align
正确答案：border
5、下列（）项是设置当鼠标放在超级链接上的效果。
A.a：active
B.a：span
C.a：hover
D.a ：link
正确答案：a：hover
6、id选择器的使用方法？（）
A.#idName
B.@idName
C..idName
D.&；idName
正确答案：#idName
7、以下关于CLASS和ID的说法错误的是（）。
A.class的定义方法是：.类名{样式}
B.class的应用方法：<；指定标签；class=“类名”>
C.id和class只是在写法上有区别，在应用和意义上没有区别
D..id的应用方法：<；指定标签；id=”id名”>
正确答案：id和class只是在写法上有区别，在应用和意义上没有区别
8、根据以下的HTML代码：h1{ color：”limegreen”； }可以知道（）。
A.{ }部分是对H1这个选择器的背景色进行说明
B.limegreen和color都是值
C.此段代码是一个标签选择器
D.选择器的名称是color
正确答案：此段代码是一个标签选择器
9、下面选项中是合法的类样式的是（）。
A..2A
B.#A2
C.#Word
D..Word
正确答案：.Word
10、关CSS样式表描述不正确的是（）。
A.选择器包括标签选择器、类别选择器和ID选择器
B.用@import；url（“样式表名”）完成外部样式表的导入
C.HTML中部分标签可以作为CSS标签选择器
D.CSS样式表规则由选择器和声明组成
正确答案：HTML中部分标签可以作为CSS标签选择器
第七章单元测试
1、如何改变元素的左外边距（）？
A.margin-left
B.indent
C.margin
D.text-indent
正确答案：margin-left
2、CSS中 ，下面语句表示（）。body{ padding-left：20px；}
A.页面左边的可编辑区域大小。
B.页面左边的表格大小。
C.页面左边的空白大小。
D.页面左边的可用区域大小。
正确答案：页面左边的空白大小。
3、在CSS中，关于BOX的margin属性的叙述正确的是（）。
A.margin属性的参数有margin-left、margin-right、margin-top、margin-bottom
B.margin属性的参数值不能全部设置成0px
C.margin属性的值不可为auto
D.边距margin只能取一个值
正确答案：margin属性的参数有margin-left、margin-right、margin-top、margin-bottom
4、下列哪个属性能够设置盒模型的左侧外补丁？（）
A.margin：
B.indent：
C.margin-left：
D.text-indent：
正确答案：margin-left：
5、有关z-index属性的叙述正确的一项是（）。
A.此属性必须与position属性一起使用才能起作用，此时position取任何值都可以
B.即使上面的层没有任何内容也会挡住下面的层，使下面的层显示不出来
C.一般后添加的元素，其z-index值越大
D.此值越大，层的顺序越往下
正确答案：一般后添加的元素，其z-index值越大
第八章单元测试
1、下面不属于CSS3新增属性的有（）
A.rgba
B.border-radius
C.text-shadow
D.box-shadow
正确答案：rgba
2、border-radius 的主要功能是，设置（）。
A.背景图片
B.盒子阴影
C.圆角边框
D.文本溢出
正确答案：圆角边框
3、transition-duration属性，是用来设置过渡效果的（）。
A.速度效果的速度曲线
B.时间
C.CSS 属性的名称
D.何时开始
正确答案：时间
4、下列哪一个是规定动画的延迟？
A.animation-delay
B.animation-iteration-count
C.animation-direction
D.animation-duration
正确答案：animation-delay
5、“：nth-child（）”是新增伪类吗？。
A.正确
B.错误
正确答案：正确
第九章单元测试
1、下列哪些是前端框架（）？
A.html5-boilerplate
B.Foundation
C.Meteor
D.Bootstrap
正确答案：html5-boilerplate；Foundation；Meteor；Bootstrap
2、下列哪些是媒体查询语法的逻辑关键字（）。
A.and
B.not
C.逗号分隔列表
D.only
正确答案：and；not；逗号分隔列表；only
3、视口是指浏览器的全部区域（）。
A.正确
B.错误
正确答案：错误
4、Meta定义的有关视口viewport，下列说法不正确的是（）。
A.initial-scale：初始缩放比例，也即是当页面第一次&；nbsp；load&；nbsp；的时候缩放比例。
B.height：和&；nbsp；width&；nbsp；相对应，指定高度。
C.width：宽度，一般设为900px。
D.maximum-scale：允许用户缩放到的最大比例。minimum-scale：允许用户缩放到的最小比例。
正确答案：width：宽度，一般设为900px。
5、栅格系统中，小屏幕使用的类前缀是（）。
A..col-xs-
B..col-lg-
C..col-sm-
D..col-md-
正确答案：.col-sm-
第十章单元测试
1、一个网站的功能与否与建站前的（）有着极为重要的关系。
A.经济可行性分析
B.网站成本分析
C.网站规划
D.投资回报
正确答案：网站规划
2、把一个域名翻译成IP地址的过程称为（）。
A.域名解析
B.路由
C.寻址
D.转发
正确答案：域名解析
3、以下哪种是基于因特网的网站推广方法（）。
A.报刊杂志
B.友情链接
C.电视广告
D.户外广告
正确答案：友情链接
4、网站建设的一般流程是（1）架设网上站点；（2）网站的规划和分析，（3）网站的维护（4）网页设计；（5）域名注册；正确的顺序应该是（）。
A.5-2-4-1-3
B.2-5-1-4-3
C.2-1-4-5-3
D.5-4-2-1-3
正确答案：2-5-1-4-3
5、“层”不属于常用的网页布局技术（）。
A.正确
B.错误
正确答案：正确