集美大学web前端设计与开发课堂小测&期末考试题库

web前端设计与开发课堂小测&期末考试题库

第一章测试

选项中加粗的为答案

1.图片的边框可以通过( )设定宽度。
A.width
B.height
C.border
D.align

2.关于超链接,( )属性用于规定在何处打开链接文档。
A.href .
B.target
C.title
D.onclick
3.( )是在新窗口打开网页文档。
A _blank
B_self
C_parent
D._new
4.建立锚点后,便可以创建锚点链接,需要用( )号以及锚点名称作为( )属性值。
答案: # href
5.( )标签用来设定字体、字号和颜色等属性,是HTML中最基本的标签之一。
答案: <font>
6.meta标签的属性有 (name )和(http-equiv ),其中(name )主要用来描述网页,以便于搜索引擎的查找和分类。

第二章测试

1.( )用来定义表格头部信息,多用于表格的第一行或第一列。
A. <caption>
B. <td>
C. <th>
D. <thead>
2.HTML使用( )标签将表格按列进行分组。
A. rows
B. colspan
C. colgroup
D. rowgroup
3.下列表格按行分组使用表头标签( )、表格主体标签( )以及表尾标签( )。

A.<head><body><foot>
B. <thead><tbody><tfoot>
C. <head><table><foot>
D. <thead><table><tfoot>
4.表格的标题使用专门的标签( )。
A. <title>
B. <caption>
C. <thead>
D. <head>
5.框架集标签使用属性( )对行进行划分。
A. col
B. cols
C. row
D. rows
6.在创建超链接时,通过( )属性指明新的页面应该在哪个框架中进行加载。
A. src
B. title
C. href
D. target
7.内联框架是嵌入到页面中的一个区域,通过( )标签引入另外一个页面资源。
A.<frame>
B.<iframe>
C. <frameset>
D. <set>
8.表格的标签使用( )属性说明当前分组占据几列。
A. <span>
B. <rowspan>
C. <colspan>
D. <column>

第三章测试

1.method属性的取值可以是(get )或( post),其中(get )为默认值。
2.<input>标签的type属性常见的取值有
( text )、( password)、radio(指明表单域的类型是单选按钮)、(checkbox 复选框 即多选)、(file文件上传选择框)、(hidden 隐藏域)、 button 按钮, (submit 提交)、 (reset 重置)、和 image(图片按钮,创建一个图像控件,该控件单击后将导致表单立即被提交)。
3.列表选择框是通过( <select> )和( <option> )标签构成的。
4.( <optgroup> )标签可以对列表选项框中的选项进行分组。
5.按钮主要分为( submit 提交按钮 )、reset 重置按钮、( image图片按钮 )、 button普通按钮。
6.<textarea>标签中,( cols)属性用来设置文本输入框的宽度,( rows )属性用来设置文本输入框的高度。
7.在列表选择框中,( multiple )属性规定该列表允许多选。
8.单选按钮分组是根据( name )属性进行划分的。

第四章测试

1.CSS是( )的英文缩写。
A. Computer Style Sheets
B. Cascading Style Sheets
C. Creative Style Sheets
D. Colorful Style Sheets

2.在以下的HTML中,( )是正确引用外部样式表的方法。
A. <style src=“mystyle.css”>
B. <stylesheet> “mystyle.css”
C. <link rel=“stylesheet” type=“text/css” href=“mystyle.css”>
D. <link rel=“mystyle.css” type=“text/css” href=stylesheet">

3.HTML标签中( )用于定义内部样式表。
A. <style>
B. <script>
C. <link>
D. <css>

4.下面( )可以将超链接的下划线去掉。
A. {text-decoration:none;}
B. {underline:none;}
C. {decoration:underline;}
D. {decoration:none;}

5.( )属性用来设置背景图像是否随页面内容一起滚动。
A. background-position
B. background-attachment
C. background-origin
D. background-clip

6.属性position为( )时,元素的位置固定,当拖动滚动条时,不随滚动条滚动,保持在原来位置。
A. static
B. relative
C. absolute
D. fixed

7.HTML中的( )属性可用来定义内联样式。
A.class
B.style
C.font
D.name

8.在CSS文件中插入注释正确的是( )。
A.//this is a comment
B.<!-- this is a comment -->
C./* this is a comment */
D.'this is a comment

第五章测试

1.盒子模型从外到内的顺序是( )
A.border->margin->padding->content
B.margin->border->padding->content
C.margin->padding->border->content
D.padding->border->margin->content

2.设置边框宽度时,参数个数可能是()。
A.1~2
B.2~4
C.3~4
D.1~4

3.下面边框样式中,()是虚线类型。
A.dashed
B.solid
C.double
D.dotted

4.TRBL规则指的是()
A.上->下->右->左
B.上->右->下->左
C.左->右->上->下
D.右->上->左->下

5.现有圆角边框的样式border-radius:10px 20px/30px 20px 40px,下面相关代码不正确的是()。
A.border-top-left-radius:10px 30px
B.border-top-right-radius:20px 20px
C.border-bottom-right-radius:10px 40px
D.border-bottom-left-radius:20px 40px

6.通过下面CSS样式代码来设置边框阴影效果:
box-shadow:30px 20px 10px 5px #BBAACC;
其中10px用来设置边框阴影中的()特征。
A.水平阴影
B.垂直阴影
C.模糊距离
D.阴影尺寸
E.阴影颜色

7.关于图像边框说法错误的是()。
A.边框图像在元素的背景之上
B.边框图像被分割成9部分,四个角的区域可以平铺和拉伸
C.边框图像被分割成9部分,四个边框部分可以平铺和拉伸
D.边框图像被分割成9部分,中心区域默认是透明的,当有fill参数时,中心区域将会使用边框图像进行填充

8.下面设置中,可以使当前元素在父容器中水平居中的是()。
A.margin:auto 0;
B.margin:0 auto;
C.padding:auto 0;
D.padding:0 auto;

9.关于页面布局说法不正确的是()。
A.页面设计与布局的核心目标是实现页面的结构与外观相分离
B.表格布局时,容易嵌套层次过多,不利于搜索引擎的抓取
C.框架布局可以有效地解决代码重用性问题,现在前端和后台被广泛使用
D.DIV+CSS布局方式结构清晰,代码嵌套层次少,容易被搜索引擎检索到

第六章测试

1.在下列()HTML元素中放置Javascript代码。
A.<script>
B.<JavaScript>
C.<js>
D.<scripting>
2.插入JavaScript的正确位置是()。
A.<body>部分
B.<head>部分
C<body>部分和<head>部分均可
3.引用名为“xxx.js”的外部脚本的正确语法是()。
A.<script src=“xxx.js”>
B.<script href=“xxx.js”>
C.<script name=“xxx.js”>
D.<script type=“xxx.js”>
4.JavaScript中多行注释的语法是()。
A.<!–this comment has more than one line–>
B.//this comment has more than one line//
C.<%–this comment has more than one line–%>
D./*this comment has more than one line*/
5.以下变量命名中,()符合命名规则。
A.with
B.userName
C.a&bc
D.8_depart
6.在JavaScript中,关于函数说法错误的是()。
A.函数的命名规则和变量名相同
B.函数调用时直接使用函数名,并给形参传值
C.函数必须使用return语句
D.函数可以对代码模块化,是具有特定功能的一段代码
7.JavaScript中,运行下面代码后的返回值是()。
var flag=true;
document.write(typeof(flag));
A.undifined
B.null
C.number
D.boolean

第七章测试

1.()不是JavaScript中的内置对象。
A.Date
B.String
C.Array
D.List
2.Math对象的()方法可以实现对数值的四舍五入。
A.round()
B.random()
C.floor()
D.ceil()
3.Array对象的()方法可以颠倒数组中元素的顺序。
A.shift()
B.reverse()
C.splice()
D.slice()
4.下述创建数组的语句中,()是错误的。
A.var array=new Array();
B.var array=new Array()();
C.var array=[1,“绝地反击”,80,“万达影院”];
D.var movies=[[“科幻”,"《2012》",80],[“爱情”,“何以笙箫默”,60]];
5.数组元素是通过下标来引用的,下标编号从(0)开始,最大编号的数组元素下标编号为(length-1)。
6.RegExp对象的常用方法有complie()、( exec() )、( test() )。
7.在JavaScript中,可以通过原始方式、( 构造函数方式 )、原型方式、混合方式、( json方式 )进行自定义对象。

第八章测试

1.()对象是BOM模型中的最高一层,可以通过其属性和方法实现对浏览器窗口的操作。
A.document
B.window
C.location
D.navigation
2.页面中只有一个name为login的表单,使用()方法可以获取其中name为userName的文本框的值。
A.document.login.userName.value
B.document.forms[0].userName.value
C.document.getElementsByName(“userName”)[0].value
D.document.getElementsByTagName(“form”)[0].value
3.元素失去焦点时会触发()事件。
A.blur
B.focus
C.out
D.lost
4.下面()表单元素不能与onchange事件处理程序相关联。
A.列表框
B.文本框
C.按钮
D.单选按钮
5.下列方法中,()方法可以用来提交表单。
A.post()
B.reset()
C.send()
D.submit()
6.下述代码中,()可以返回某行在表格中的位置。
A.TableRow.rowIndex
B.TableRow.cellIndex
C.TableCell.rowIndex
D.TableCell.cellIndex
7.下述关于document对象的方法中,返回结果不是集合的是()。
A.getElementsByTagName()
B.getElementsByName()
C.getElementsByClassName()
D.getElementsById()
8.window对象中,()方法用于设置一个按照指定的周期(以毫秒计)来调用函数的定时器。
A.setTimeout()
B.setInterval()
C.clearTimeout()
D.clearInterval()

第九章测试

1.HTML5中正确的doctype声明是()。
A.<!DOCTYPE html>
B.<!DOCTYPE HTML5>
C.<!DOCTYPE html5>
D.<!DOCTYPE HTML PUBLIC ‘’-//W3C//DTD HTML 5.0//EN" “http://www.w3.org/TR/html5/strict.dtd”>
2.在HTML 5中,()元素用于组合标题元素。
A.<header>
B.<headers>
C.<group>
D.<hgroup>
3.关于HTML 5的说法错误的是()。
A.标签不区分大小写
B.所有属性的引号都可以省略
C.HTML 5的内容类型还是text/html格式
D.新增的语言标签可以简化页面设计,更有利于搜索引擎的检索与抓取
4.下面不属于HTML 5文档的结构元素的是()。
A.<article>
B.<section>
C.<datePickers>
D.<aside>
5.在HTML 5中,()输入类型用来定义数字滑动条。
A.slider
B.search
C.number
D.range
6.关于datePickers类型说法错误的是()。
A.date类型可以选取年月日
B.week类型可以选取年月日周
C.month类型可以选取年月
D.datetime类型可以选取年月日及时间
7.关于range类型说法不正确的是()。
A.max属性用于设置可输入的最大数值,默认为100
B.min属性用于设置可输入的最小数值,默认为1(是0)
C.step属性用于设置数值之间的合法间隔,默认步长为1
D.value属性用于设置文本框的默认值
8.()属性用来说明表单元素与表单之间的关系。
A.form
B.formtarget
C.formaction
D.formmethod

  • 11
    点赞
  • 75
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

大只因bug

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值