响应国家号召1+X证书Web前端开发考试样题

官方QQ群

1+x证书Web前端开发初级理论考试样题2019
http://blog.zh66.club/index.php/archives/149/

1+x证书Web前端开发初级实操考试样题2019
http://blog.zh66.club/index.php/archives/150/

1+x证书Web前端开发中级理论考试样题2019
http://blog.zh66.club/index.php/archives/151/

1+x证书Web前端开发中级实操考试样题2019
http://blog.zh66.club/index.php/archives/152/

1+x 证书 Web 前端开发中级理论考试(试卷 1)
http://blog.zh66.club/index.php/archives/153/

1+x 证书 Web 前端开发中级理论考试(试卷 2 )
http://blog.zh66.club/index.php/archives/154

1+x 证书 Web 前端开发中级理论考试(试卷 3 )
http://blog.zh66.club/index.php/archives/170/

1+x 证书 Web 前端开发中级理论考试(试卷 4 )
http://blog.zh66.club/index.php/archives/191/

1+x 证书 Web 前端开发初级级理论考试(试卷 2 )
http://blog.zh66.club/index.php/archives/176/

1+x 证书 Web 前端开发 HTML5 专项练习
http://blog.zh66.club/index.php/archives/193/

1+x 证书 Web 前端开发 css3 专项练习
http://blog.zh66.club/index.php/archives/192/

《Web 前端开发》等级考试样题~以国家 “1+X” 职业技能证书为标准,厚溥推出 Web 前端开发人才培养方案
http://blog.zh66.club/index.php/archives/156/

一、单选题
1、下列HTML标记中,属于非成对标记的是()。

A. <br>            B. <ul>            C. <p>            D. <option>

2、CSS3样式,border-radius属性作用是什么()。
A. 创建圆形边角 B. 创建方形边角 C. 控制表的间距 D. 创建彩色边角

3、在表单标记中,用()属性来提交填写的信息、调用表单处理程序。
A. method B. name C. style D. action

4、当<input>标签的type属性值为()时,代表一个可选多项的复选框。
A. text B. password C. radio D. checkbox

5、下列哪项可以设置文本在水平方向上居中()。

A. #mid{text-align:center}
B. #mid{text-decoration:center}
C. #mid{float:left}
D. #mid{text-align:middle}

6、下列哪种选择器不是css3新增的()。
A. :enabled
B. :checked
C. :before
D. :only-child

7、查看如下代码:

function test(a){
a=a+10;
}
var a=10;
test(a);
console.log(a);

上述代码执行后,输出变量a的值为?()
A. 10 B. 20 C. 错误 D. undefined

8、下列关于HTML的说法正确的是()。
A. HTML是网页的核心,是一种超文本标记的程序设计语言
B. 通过网页浏览器阅读HTML文件时,web服务器负责解释插入到HTML文本中的各种标记
C. HTML是网页的核心,是一种超文本标记的语言,它是页面描述语言
D. 编制HTML文件时不需要加入任何标记

9、用于加亮文本的标签是()。

A. <meta>            B. <pre>            C. <mark>    D. <small>

10、要让一个元素不可见且在文档流中不占位,应该使用下面哪个CSS规则()。

A. display: none
B. visibility: hidden
C. overflow: hidden
D. opacity: 0

11、要去掉文本超链接的下划线,下列正确的是()

A. a{underline:none}
B. a{ text-decoration:none}
C. a{ text-decoration:underline}
D. a{ decoration:no underline}

12、CSS如何改变某个元素的文本颜色()。

A. text-color:
B. color:
C. fgcolor:
D. text-color=

13、MySQL数据库创建表时,不允许为空可以使用()。

A.NOT NULL
B.NO NULL
C.NOT BLANK
D.NO BLANK

14、下列数据类型中不属于MySQL常用数据的是()。

A.INT
B.BAR
C.TIME
D.CHAP

15、在MYSQL中一建立了“学生”表,表中有“学号”、“姓名”“性别”和“入学成绩等字段,执行如下SQL命令: Select 性别,avg(入学成绩) From 学生 Group by性别;
其结果是()。
A.计算并显示所有学生的性别和入学成绩的平均值
B.按性别分组计算并显示性别和入学成绩的平均值
C.计算并显示所有学生的入学成绩
D.按性别分组计算并显示所有学生的入学成绩的平均值

一、多选题
1、使用jQuery发送AJAX请求,关于请求的类型说法正确的是 ()。
A、只能发送GET类型请求
B、只能发送POST类型请求
C、可以发送PUT类型请求
D、可以发送GET或者POST类型请求

2、浏览器客户端向服务器发送AJAX请求,服务器接收请求,处理完毕后,返回数据为“处理成功”,AJAX获取到服务器返回的数据时,以下关于AJAX响应属性正确的是()。

A、status = 403        B、readyState = 4    C、status = 404        D、readyState = 3

3、在Bootstrap栅格系统中,适应移动端超小设备(<576px)和移动端平板设备(<768px),使用的类前缀是()。

A、.col-md-            B、.col-lg-            C、.col-        D、.col-sm-

4、XAMPP套件中包括哪些内容()。
A、PHP B、Apache C、MySQL D、Chrome

5、PHP支持的复合数据类型是()。
A、Boolean 布尔类型 B、Array 数组
C、Resource 资源类型 D、Object 对象

6、PHP中可以实现循环的是()。

A、for                B、foreach        C、while        D、waiting

7、在PHP类定义中,对属性或方法的访问控制,是通过在前面添加关键字来实现的,以下属于访问控制关键字的选项是()。

A、public            B、private            C、protected        D、default

8、以下哪个方法是预编译中用来绑定参数的()

A、param()          B、bind_param()        C、bind_result()        D、bind_parem()

9、PHP类中成员有哪几种?()
A、成员变量 B、成员常量 C、成员对象 D、成员方法

10、在移动端使用Bootstrap时,导航条在屏幕显示时会被折叠,实现显示和折叠功能的按钮需要如何处理()。
A、折叠按钮设置data-toggle=’collapsed’,折叠容器需要添加collapsed类
B、折叠按钮设置data-toggle=’collapse’,折叠容器需要添加collapse类
C、折叠按钮设置data-toggle=’scroll’,折叠容器需要添加collapse类
D、折叠按钮设置data-spy=’scroll’,折叠容器需要添加collapse类

二、判断题
1、MySQL中设置语句结束的命令是delimiter。()
2、所有的HTML标记符都包括开始标记符合结束标记符。()
3、HTML语言中,表格有多少对<tr>标签就表示有多少列。()
4、CSS中的color属性用于设置HTML元素的背景颜色。()
5、在不改变元素的显示属性的情况下,元素都是可以设置宽度的,并且能够设置成功。()

三、综合题
1、阅读下列效果图、HTML代码和CSS代码,填写代码中(1)至(15)空。
【说明】
创建项目名称为calendar的Web项目工程,项目工程中包括日历页面calendar.html和样式文件calendar.css。
(1)calendar.html页面内容分为三部分,自上而下依次是:“年月”、“星期”和“日期”。
(2)calendar.css为日历样式文件,“年月”文字居中显示;“星期”使用弹性布局在一行显示,“日期”使用弹性布局一行显示7个,超出换行显示。
【效果图】

<!-- HTML5文档声明 -->
(1)
<html>
    <head>
        <!-- 规定字符编码格式为UTF-8 -->
        <meta (2)>
        <!-- 导入外部样式文件calendar.css -->
        <(3) rel="stylesheet" type="text/css" (4) />
        <title>日历</title>
    </head>
    <body>
        <div class="container">
            <div class="month">
                <!-- 设置二级标题 -->
                <(5)>2019年9月</(5)>
            </div>
            <ul class="weekdays">
                <li>日</li>
                <li>一</li>
                <li>二</li>
                <li>三</li>
                <li>四</li>
                <li>五</li>
                <li>六</li>
            </ul>
            <ul class="days">
                <li>1</li>
                <li>2</li>
                <li>3</li>
                ……
                <li><span class="active">10</span></li>
                ……
                <li>30</li>
            </ul>
        </div>
    </body>
</html>

【代码:CSS文件calendar.css】

/* 用通配符选择器设置全局样式 */
(6) {
    margin: 0;
    padding: 0;
}
li {
/* 清除列表默认样式 */
    (7);
}
.container {
    width: 800px;
/* 设置盒子水平居中 */
    (8);
}
.month {
    padding: 70px 0px;
width: 100%;
/* 设置背景色 */
    (9): #1abc9c;
}
.month h2{
color: white;
/* 设置文字居中 */
    (10);
    /* 设置字间距 */
    (11): 3px;
}
.weekdays {
    padding: 10px 0;
background-color: #ddd;
/* 设置弹性布局 */
    (12);
/* 设置弹性盒子元素在主轴方向上的对齐方式 */
    (13): space-around;
}
.weekdays li {
    color: #666;
    text-align: center;
}
.days {
    padding: 10px 0;
background: #eee;
/* 设置弹性布局 */
    (12);
/* 设置弹性盒元素换行 */
    (14);
}
.days li {
    width: 14.28%;
text-align: center;
/* 设置底部外边距 */
    (15): 5px;
    color: #777;
}
.days li .active {
    padding: 5px;
    background: #1abc9c;
    color: white;
}