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