中国大学MOOC Web前段开发之测试题答案

Web前端开发学习笔记

最新推荐文章于 2021-07-11 14:32:41 发布

原创最新推荐文章于 2021-07-11 14:32:41 发布 · 2.1w 阅读

91 ·

CC 4.0 BY-SA版权

这篇博客详细介绍了Web前端开发的基本概念和技术，包括HTML、CSS、JavaScript的基础知识和使用，如HTML标签、CSS样式、JavaScript语法以及jQuery的运用。内容涵盖了网页结构、样式、行为的分离，以及DOM操作和BOM的使用。此外，还提到了HTML5的新特性，如新的标签、视频播放支持等。整篇文章适合初学者系统学习前端开发。

部署运行你感兴趣的模型镜像

第一章节概论

Web前端开发概述

1.web系统前端是指系统中用户接触到的部分。A
A.√
B.×
2.web系统后端主要负责完成系统功能，包括数据存取、系统安全等。A
A.√
B.×
在这里插入图片描述 https://www.cnblogs.com/zmwy/p/11421849.html这个网址讲述web前、后端的区别。

3.网页对应着的源文件包含一些代码，而浏览器可以解析这些代码，呈现出来。A
A.√
B.×

网站与网页

1.以下关于浏览器的描述错误的是（B）
A.主流的浏览器有Chrome,Firefox,IE等。
B.不同浏览器厂商的浏览器，一定有不同的内核。
C.不同版本的浏览器差别可能很大，对Web技术的支持度也会不同。
D.Chrome浏览器可以在进行web前端开发时，用于调试和测试。

2.以下哪一项是一个HTML元素（B）
A.<title>
B.

<title>欢迎来到课程首页</title>

C.<title></title>
D.</title>

3.只有文字可以进行超链接的设置，而图片不可以。B
A.√
B.×
在这里插入图片描述
4.网页的导航栏是超链接的集合，可以由此进入不同版块或页面。A
A.√
B.×

5.网站中的网页是逻辑相关的，可以通过超链接的方式被组织在一起。A
A.√
B.×

Web前段开发技术

1.以下说法错误的是（ B）。
A.HTML与CSS配合使用，是为了内容与样式分离。
B.如果只使用HTML而不使用CSS，网页是不可能有样式的。
C.JavaScript可以嵌入在HTML语言中，作为网页源文件的一部分存在。
D.CSS表示层叠样式表，可以添加页面的样式，规定网页的布局。

2.关于内容、结构和表现说法正确的是（ABD ）。
A.内容是页面传达信息的基础
B.表现使得内容的传达变得更加明晰和方便
C.结构就是对内容的交互及操作效果
D.内容就是网页实际要传达的信息，包括文本、图片、音乐、视频、数据、文档等

3.关于 web 标准以下说法正确的是（ ACD)。
A.Web 标准是一个复杂的概念集合，它由一系列标准组成
B.这些标准全部都由 W3C 起草与发布
C.Web 标准可以分为 3 个方面
D.Web 标准里的表现标准语言主要包括 CSS

由此可见，B是错的。

4.HTML是超文本标记语言，是制作网页的标准语言。A
A.√
B.×

5.CSS负责网页的结构，JavaScript负责网页的行为，也就是跟用户的一些交互。B
A.√
B.×
【解析】html负责网页结构，CSS负责网页美观，JavaScript负责用户与浏览器交互。

6.w3c组织制定关于web技术的一些标准，例如HTML、CSS、JS等。A
A.√
B.×

第二章节 HTML基础

HTML概述

1.网页是由HTML语言来实现的，HTML语言是（ D）。
A.大型数据库
B.网页源文件中出现的唯一一种语言
C.网络通信协议
D.超文本标记语言

2.HTML文档中的元素分为( A )两部分。
A.内容文本、标签
B.文本、多媒体元素
C.超文本、多媒体元素
D.标签、框架

3.以下关于HTML标签叙述错误的是(D)
A.可以单独出现，也可以成对出现
B.必须正确嵌套
C.标签可以带有属性，属性的顺序无关
D.标签和其属性构成了HTML元素
在这里插入图片描述
【解析】HTML文档中的元素分为文本内容、标签两部分。

4.HTML的标签一定是成对出现的，否则无法完成嵌套关系。B
A.√
B.×

5.HTML不区分大小写。A
A.√
B.×

6.所有HTML标签都有开始标签和结束标签构成。B
A.√
B.×

HTML文件结构

1.关于HTML说法错误的是（A）。
A.HTML标签的嵌套结构可以描述成一个网状结构
B.在＜title＞和＜/title＞标签之间的是标题信息
C.HTML是大小写无关的，＜b＞跟＜B＞表示的意思是一样的
D.标签表示网页元数据，是提供给浏览器和搜索引擎的关于网页的描述性数据

2.下面语句中，（B）将HTML页面的标题设置为“HTML练习”
A.<head> HTML练习</head>
B.<title> HTML练习</title>
C.<body> HTML练习</body>
D.<html> HTML练习</html>

3.字符与编码说法错误的是（ D）。
A.字符集是字符的集合
B.字符集通常与某种语言文字相关
C.编码可以完成字符的唯一的映射
D.编码方式有很多种，ASCII编码包含了所有语言文字中出现的字符
在这里插入图片描述
https://blog.youkuaiyun.com/gs_008/article/details/50937772这个网址介绍常见的几种字符编码方式（ASCLL也包含其中）

4.为了标识一个 HTML 文件，应该使用的标签（D）。
A.<style></style>
B.<body></body>
C.<head></head>
D.<html></html>

5.以下不是<!DOCTYPE>元素作用的是（ BCD）。
A.该元素用来定义文档类型
B.该元素用来声明命名空间
C.该元素用来向搜索引擎声明网站关键字
D.该元素用来向搜索引擎声明网站作者
【解析】DOCTYPE标签是一种标准通用标记语言的文档类型声明，它的目的是要告诉标准通用标记语言解析器，它应该使用什么样的文档类型定义（DTD）来解析文档。
<!DOCTYPE> 声明必须是 HTML 文档的第一行，位于 <html> 标签之前。
https://www.cnblogs.com/alwaysblog/p/5822834.html这个网址你可以了解<!DOCTYPE>元素作用。

6.Unicode编码与UTF-8编码都涵盖了所有语言文字A
A.√
B.×
在这里插入图片描述
通过https://blog.youkuaiyun.com/Deft_MKJing/article/details/79460485这个网址，可以了解到Unicode编码与UTF-8编码都涵盖了所有语言文字。

7.网页源文件本身的编码方式与浏览器解读的编码方式如果不同，就会出现乱码。A
A.√
B.×

HTML标签1

1.表示水平分割线线的HTML代码是 (A)
A.<hr />
B.<br />
C.<tr />
D.<hr> </hr>

2.下面标记中，（ C）在标记的位置添加一个回车符。
A.<h1>
B.<enter>
C.<br />
D.<hr />

3.创建最小的标题的文本标签是( C)
A.<pre></pre>
B.<h1></h1>
C.<h6></h6>
D.<b></b>
【解析】HTML中提供了六级标题，为<h1>至<h6>。其中<h1>字体最大，<h6>字体最小。

4.在HTML中，标记<pre>的作用是( B)。
A.标题标签
B.预排版标签
C.换行标签
D.文字效果标签

5.默认情况下，h1标签的文字字号，要远小于h6标签。B
A.√
B.×
【解析】HTML中提供了六级标题，为<h1>至<h6>。其中<h1>字体最大，<h6>字体最小。

6.HTML的注释语句格式为：/* */。B
A.√
B.×
【解析】HTML注释的格式为： 

HTML标签2

1.超链接基本语法是(D)
A.<a goto="URL"> ... </a>
B.<a herf="URL"> ... </a>
C.<a link="URL"> ... </a>
D.<a href="URL"> ... </a>

2.超文本标记语言<a href=“https://www．cctv．com”>央视国际</a>的作用是(D)
A.插入一段央视国际网站的文字
B.插入一幅央视国际网站的图片
C.创建一个指向央视国际网站的电子邮件
D.创建一个指向央视国际网站的超链接

3.以下说法正确的是(D)
A.<a>标签是页面链接标签，只能用来链接到其他页面
B.<a>标签是页面链接标签，只能用来链接到本页面的其他位置
C.<a>标签的src属性用于指定要链接的地址
D.<a>标签的href属性用于指定要链接的地址

4.a标签可以跳转到外部站点的页面，例如跳转到新浪网首页，可以写如下代码：B

<a href="www.sina.com.cn">新浪首页</a>

A.√
B.×
【解析】代码应该是

<a href="https://www.sina.com.cn/">新浪首页</a>

HTML标签3

1.有关网页中的图像的说法不正确的是( C)
A.网页中的图像并不与网页保存在同一个文件中，每个图像单独保存
B.HTML语言可以描述图像的位置等属性
C.HTML语言可以直接描述图像上的像素
D.图像可以作为超级链接的起始对象
在这里插入图片描述

2.假如要将图片文件asrlogo.jpg插入页面，并为该图片、设置提示文字为”ASR Outfitters Logo”.下面语句正确的是(B)
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)
A.引用图片的路径不对
B.该图片太模糊
C.图片太大
D.图片太小

4.在网页中添加一个图片的HTML代码是(B)
A.<bgcolor=″#FFFFFF″>
B.<img src=″图片路径及文件名″>
C.<a herf=″链接页面路径及文件名″><img src=″图片路径及文件名″></a>
D.<title>图片</title>

5.若要在页面中创建一个图形超链接，要显示的图形为 myhome.jpg,所链接的地址为https://www.pcnetedu.com,以下用法中，正确的是(B)
A.<a href=”https://www.pcnetedu.com”>myhome.jpg</a>
B.<a href=” https://www.pcnetedu.com”><img src=”myhome.jpg”></a>
C.<img src=”myhome.jpg”><a href =”https://www.pcnetedu.com”></a>
D.

<a href =http://www.pcneredu.com><img src=”myhome.jpg”>

6.以下说法中，错误的是(B)
A.GIF格式的图象采用无损压缩算法进行图象压缩
B.只有GIF格式才能使用透明色
C.GIF格式支持动画
D.GIF格式支持背景色透明

HTML标签4

1.无序列表的HTML代码是（B）
A.<li><ui>...</li></ul>
B.<ul><li>...</li></ul>
C.<ol><li>...</li></ol>
D. <li><ol>...</li></ol>
在这里插入图片描述
2.设置围绕表格的边框宽度的HTML代码是(B)
A.<table size="">
B.<table border="">
C.<table bordersize="">
D.<tableborder="">

3.定义表行的HTML是(D)
A.<table>
B.<td>
C.<th>
D.<tr>

4.定义表头的HTML是(D)
A.<table>
B.<td>
C.<tr>
D.<th>

5.表示区域的标签是( C)
A.table
B.ol
C.div
D.ul

HTML标签5

1.在HTML中,<form action=?>,action表示( C)
A.提交的方式
B.表单所用的脚本语言
C.提交的URL地址
D.表单的形式
在这里插入图片描述

2.增加表单的输入框的HTML代码是( C)
A.<input type=submit>
B.<input type=image>
C.<input type=text>
D.<input type=hide>

3.增加表单的复选框的HTML代码是(D)
A.<input type=submit>
B.<input type=reset>
C.<input type=text>
D.<input type=checkbox>

4.增加表单的文本域的HTML代码是(B)
A.<input type=submit></input>
B.<textarea name="textarea"></textarea>
C.<input type=radio></input>
D.<input type=checkbox></input>

5.增加表单的密码域的HTML代码是(B)
A.<input type=submit>
B.<input type=password>
C.<input type=radio>
D.`
【补充知识点】
表单中，
(1) id 是惟一的，任何元素都可以有id。它可以唯一直接定位到这个元素，主要在js的
document.getElementByld()使用；
(2) name 可以不唯一，不是所有元素都有name,表单元素有name。它主要用来提交表单数据给后端的，例如:
通过js的document.表单名称.文本框名称.value来获取文本框的值。其中，文本框名称就是name属性定义的
(3) value 就是要传给后端的那个值了

第三章节 CSS样式

CSS概述

1.CSS是（ C）的缩写。
A.Colorful Style Sheets
B.Computer Style Sheets
C.Cascading Style Sheets
D.Creative Style Sheets
在这里插入图片描述

2.下列（ C ）是定义样式表的正确格式。
A.{body:color=black(body}
B.body:color=black
C.body {color: black}
D.{body;color:black}

3.下列（ A ）是定义样式表中的注释语句。
A./* 注释语句 */
B.// 注释语句
C.// 注释语句 //
D.' 注释语句
在这里插入图片描述
4.关于 CSS 基本语法说法正确的是（AC ）。
A.属性必须要包含在{}号之中
B.属性和属性值之间用等号链接
C.当有多个属性设置时，用“；”进行区分
D.如果一个属性有几个值，则每个属性值之间用分号分隔开
【解析】属性和属性值之间用“：”链接；如果一个属性有几个值，则每个属性值之间用“ ”分隔开。

5.CSS样式的选择器可以是标签的名字。A
A.√
B.×

6.有了CSS样式，就可以做到使内容与样式分离，便于分别修改。A
A.√
B.×

CSS添加方法

1.表示内嵌样式的元素是（ A ）。
A.<style>
B.<css>
C.<script>
D.<link>
在这里插入图片描述
2.如果要在不同的网页中应用相同的样式表定义，应该（ C ）。
A.直接在HTML的元素中定义样式表
B.在HTML的标记中定义样式表
C.通过一个外部样式表文件定义样式表
D.以上都可以

3.引用外部样式表的格式是（ B ）。
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.引用外部样式表的元素应该放在（ C ）。
A.HTML文档的开始的位置
B.HTML文档的结束的位置
C.在head元素中
D.在body元素中

5.外部样式表文件可以由以下哪个标签导入（A）。
A.link
B.import
C.input
D.style

6.关于样式表的优先级说法正确的是（ABC）。
A.直接定义在标签上的 CSS样式级别最高
B.内部样式表优先级低于行内样式
C.外部样式表级低于内部样式
D.当样式中属性重复时，先设的属性起作用

7.CSS样式添加的方式有三种，分别是行内样式、内嵌样式、外部样式表链接样式。A
A.√
B.×

8.CSS行内样式添加的时候，采用的是style标签进行添加。B
A.√
B.×

9.CSS行内样式只对当前元素起作用。A
A.√
B.×

10.CSS内嵌样式用CSS定义样式，然后在HTML部分引用这种样式。A
A.√
B.×

CSS选择器

1.样式表定义 #title {color:red} 表示（ B）。
A.网页中的标题是红色的
B.网页中某一个id为title的元素中的内容是红色的
C.网页中元素名为title的内容是红色的
D.以上任意一个都可以

2.样式表定义 .outer {background-color:red} 表示（ B ）。
A.网页中某一个id为outer的元素的背景色是红色的
B.网页中含有class=”outer” 元素的背景色是红色的
C.网页中元素名为outer元素的背景色是红色的
D.以上任意一个都可以

3.CSS 中的选择器不包括（ A ）。
A.超文本标记选择器
B.标签选择器
C.ID 选择器
D.类选择器

4.下列哪种方式是用类选择器定义样式的（ B ）。
A.p{color:red;}
B..one{color:red;}
C.#two{color:red;}
D.

p,h1{color:red;}

5.以下关于class和id的说法错误的是（ D ）。
A.class的定义方法是：.类名{样式}；
B.id的应用方法：<指定标签 id=”id名”>
C.class的应用方法：<指定标签 class=“类名”>
D.id和class只是在写法上有区别，在应用和意义上没有区别

6.下面选项中是合法的类样式的是（ A ）。
A..word
B.#word
C.word
D.$word

CSS样式1——文字样式

1.下列选项中不属于CSS 文本属性的是（A）。
A.font-size
B.text-align
C.line-height
D.text-decoration
在这里插入图片描述
2.下列（ B ）表示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属性可以更改字体大小（ B ）。
A.text-size
B.font-size
C.text-style
D.font-style

4.下列哪个css属性能够更改文本字体（ C ）。
A.text
B.line-height
C.font-family
D.text-decoration

5.下列样式定义字体为宋体、字体颜色为红色、斜体、大小20px、粗细800号，正确的定义是（ B ）。
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> 以下关于样式规则定义正确的是（ B ）。
A.

<style type="text/css">
    p{color:red}
</style>

<style type="text/css">
     #firstp {color:red}
</style>

<style type="text/css">
    .firstp {color:red}
</style>

<style type="text/css">
     p.firstp {color:red}
</style>

在这里插入图片描述

CSS样式2——背景、超链接样式

1.下列（ C）表示a元素中的内容没有下划线。
A.a {text-decoration:no underline}
B.a {underline:none}
C.a {text-decoration:none}
D. a {decoration:no underline}

2.下面哪个CSS属性是用来更改背景颜色的（ D）。
A.back
B.bgcolor
C.color
D.background-color
在这里插入图片描述
3.怎样给所有的<h1>标签添加背景颜色（ B ）。
A..h1 {color:#FFFFFF}
B.h1 {background-color:#FFFFFF;}
C.#h1 {background-color:#FFFFFF}
D.h1.all {background-color:#FFFFFF}

4.如下所示的这段CSS样式代码，定义的样式效果是（ D ）。

a:active {color: #000000;}

A.默认链接是#000000颜色
B.访问过链接是#000000颜色
C.鼠标上滚链接是#000000颜色
D.活动链接是#000000颜色

5.a:link表示超链接文字在（ B ）时的状态。
A.鼠标按下
B.初始状态
C.鼠标放上去
D.访问过后
在这里插入图片描述
6.a:hover表示超链接文字在（ C ）时的状态。
A.鼠标按下
B.原始状态
C.鼠标放上去
D.访问过后

CSS样式3——列表表格样式

1.在CSS语言中下列哪一项是"列表项标号图象"的语法（　C）。
A.width: <值>
B.height: <值>
C.list-style-image: <值>
D.list-style-picture: <值>

2.下列（ A ）表示列表项符号是小方块。
A.list-style-type: square
B.list-type: square
C. type: 2
D.type: square

3.list-style-position的取值包括（ AD ）。
A.inside
B.inner
C.outter
D.outside
在这里插入图片描述
4.list-style-type属性叙述正确的是（ ABC ）。
A.可以设置列表项目标号类型。
B.对无序列表有效。
C.对有序列表有效。
D.对表格单元格有效。

5.以下对列表的描述，哪个是正确的（ ACD ）。
A.list-style-type
B.list-style-color
C.list-style-position
D.list-style-image:url

6.如果设置table标签的border属性，默认可以看到两层边框线。A
A.√
B.×

7.可以使用table-collapse属性将表格边框和单元格边框重合在一起显示。B
A.√
B.×
在这里插入图片描述

第四章节 CSS布局与定位

布局与定位概述

1.盒子模型中的盒子，可以是任何页面元素。A
A.√
B.×

2.盒子模型中的盒子是可以逐层嵌套的。A
A.√
B.×

3.CSS进行布局与定位，首先用盒子将元素大小、边距等信息确定下来，然后用定位方式决定盒子的位置。A
A.√
B.×

4.定位机制分为三种：盒子定位、文档流定位、浮动定位。B
A.√
B.×
【解析】定位机制分为三种：文档流、浮动定位、层定位。

盒子模型1

1.下列（ A ）表示上边框线宽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语言中下列哪一项是"左边框"的语法（ C ）。
A.border-left-width: <值>
B. border-top-width: <值>
C.border-left: <值>
D.border-bottom-width: <值>

3.CSS中，盒模型的属性包括（　ABD ）。
A.border
B.padding
C.content
D.margin
在这里插入图片描述
4.下列哪些是设置有关边框的属性（ABC ）。
A.border-color
B.border-style
C.border-width
D.border-back

5.以下哪个选项是设置边框的（ ABCD）。
A.border-bottom
B.border-top
C.border-left
D.border-right

6.盒子模型中，边框的属性是可以分为4个方向分别设置的。A
A.√
B.×

7.溢出盒子的部分，可以使用overflow属性，将其设置为hidden隐藏起来。A
A.√
B.×

盒子模型2

1.下列哪个属性能够设置盒模型的左侧外边距（ C ）。
A.margin
B.indent
C.margin-left
D.padding-left

2.下列哪个CSS属性能够设置盒子模型的内边距为10、20、30、40、（顺时针方向）( A ) 。
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之间的垂直空白距离是（ C ）。

 <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
【解析】margin的合并：垂直方向合并，水平方向不合并；外边距合并形成一个外边距时取二者之间较大值，例如，一个盒子模型的margin-bottom为20px，另一个盒子模型的margin-top为15px，在合并之后，两个div之间的垂直空白距离为20px。

4.阅读下面CSS代码，下面选项中与该代码段效果等同的是（ B ）。
.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; }
【解析】 .box { margin:10px 5px;}等价于.box { margin:10px 5px 10px 5px; },margin-right:10px; margin-top:5px; margin:top right bottom left这种顺序排列，则 .box { margin:10px 5px; margin-right:10px; margin-top:5px; } 的效果等同的是B。

5.利用以下什么代码可以设置div区域的水平居中（ C ）。
A.div{margin:0}
B.div{margin:auto 100px}
C.div{margin:100px auto}
D.div{margin:100px 100px }

6.文字、图片、div区域水平居中，都可以使用text-align:center进行设置。B
A.√
B.×

7.margin:1px 2px 1px 3px; 可以缩写成 margin:1px 2px 3px;B
A.√
B.×

CSS定位机制概述

1.浮动定位通过float属性设置来实现。A
A.√
B.×

2.默认定位方式就是文档流定位。A
A.√
B.×

3.层定位通过postion属性来设定。A
A.√
B.×

4.对于一个盒子，文档流定位、浮动定位、层定位只能选择其中一个。B
A.√
B.×

5.层定位是可以将盒子像图层一样处理，有前后层叠顺序。A
A.√
B.×

文档流定位

1.下列哪个样式定义后,行级元素可以定义宽度和高度( C )。
A.display:inline
B.display:none
C.display:block
D.display:inheric
【解析】block元素特点：1、独占一行；2、元素的height、width、margin、padding都可以设置。display:block可以将inline元素转换为block元素，从而使元素具有块状元素特点。

2.以下( D )是HTML常用的块状标签。
A.<span>
B.<a>
C.<br>
D.<h1>
【解析】常见的block元素有<div>、<p>、<h1>…<h6>、<ol>、<ul>、<table>、<form>。

3.块状元素在网页中就是以块的形式显示，所谓块状就是元素显示为矩形区域，常用的块状元素包括div \ h1-h6\ p\ ul 。A
A.√
B.×

4.默认情况下，块状元素都会占据一行，通俗地说，两个相邻块状元素不会出现并列显示的现象；默认情况下块状元素会按顺序自上而下排列。A
A.√
B.×

5.块状元素都不可以定义自己的宽度和高度。B
A.√
B.×

6.块状元素可以作为其他元素的容器，它可以容纳其他行内元素和其他块状元素。A
A.√
B.×

浮动定位

1.clear属性取值说法正确的是( D )。
A.取值为all表示四周浮动元素被删除
B.取值为left表示左侧浮动元素被删除
C.取值为right表示右侧浮动元素被删除
D.取值为both表示清除两侧浮动

2.float属性说法不正确的是（ C ）。
A.该属性可以用于图文混排
B.该属性可以用于网页分栏
C.该属性可以用于盒子层叠
D.该属性可以用于浮动定位

3.浮动元素在文档流中的原位置依然保留。B
A.√
B.×

4.利用float属性将3个div盒子水平排列，可以将3个盒子都设置float:right。A
A.√
B.×

5.如果一个父元素的所有子元素都浮动起来，则这个父元素默认高度坍缩为0。A
A.√
B.×

层定位

1.如果要将网页中的两个div对象制作为重叠效果，（ D ）。
A.是不可能的
B. 利用表格标记<table>
C. 利用样式表定义中的绝对位置与相对位置属性
D. 利用样式表定义中的z-index属性
在这里插入图片描述
2.以下哪个选项是对对象进行定位的（ C ）。
A.padding
B.margin
C.position
D.display

3.position属性取值（ D ）表示固定定位。
A.absolute
B.relative
C.static
D.fixed

4.position属性取值（ A ）表示相对定位。
A.relative
B.absolute
C.static
D.fixed

5.position属性设定，表示定位的参照物是哪个元素；而定位位置则由top,bottom,left,right的取值决定。A
A.√
B.×

6.通常将父元素设置为绝对定位，子元素设置为相对定位，就可以将子元素相对于父元素定位了。B
A.√
B.×
【解析】对于absolute定位的层总是相对于去最近的定义为absolute或relative的父层，而这个父层并不一定是其直接父层。通常将父元素设置为relative（相对定位），子元素设置为absolute（绝对定位），top、bottom、left、right相对于父元素来进行偏移定位。

第五章节 CSS3

圆角边框与阴影

1.表示圆角边框的属性是（ C ）。
A.border-shadow
B.border-round
C.border-radius
D.border-box

2.关于以下代码说法错误的是（ C ）。
border-top-left-radius: 40px 20px;
A.设置盒子左上角圆角边框样式
B.这是一个CSS3属性
C.左上角边框显示1/4圆形的弧度
D.左上角边框显示1/4椭圆形的弧度

3.box-shadow属性可以设置（ B）。
A.仅仅盒子外部阴影
B.盒子内部、外部阴影
C.仅仅盒子内部阴影
D.其他都不对

4.box-shadow属性不能设置盒子的阴影颜色，只能是黑色阴影。B
A.√
B.×

5.下面两条语句，盒子阴影模糊范围一样大。A
box-shadow: 10px 10px 5px #888;
box-shadow: 10px 20px 5px #888;
A.√
B.×
在这里插入图片描述

文字与文本

1.以下代码可以做长单词折叠显示的是（ C）。
A.word-break:break-word;
B.word-break:wrap;
C.word-wrap:break-word;
D.word-wrap:normal;
在这里插入图片描述
2.以下哪行代码是文本描边效果（ C ）。
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字体描述正确的是（ B ）。
A.web字体，是需要将字体文件预先安装到客户端
B.web字体文件格式分为好多种，每种浏览器支持不同的格式
C.web字体无需预先安装，需要时会由搜索引擎搜索后提供结果
D.web字体可以用@font-family定义出来

4.@font-face规则利用src属性，说明web字体来源。A
A.√
B.×

5.web字体的优点是，用户不需要预先安装这种特殊字体，由服务器端提供字体文件。A
A.√
B.×
【解析】web字体，放在服务器上，需要是下载使用。

2D变换

1.以下哪个代码可以将盒子顺时针旋转30度（ D ）。
A.transform:scale(30deg);
B.transform:scale(-30deg);
C.transform:rotate(-30deg);
D.transform:rotate(30deg);

2.以下哪行代码可以将盒子放大2倍显示（ A ）。
A.transform: scale(2);
B.transform: scale(“2”);
C.transform: rotate(2);
D.transform: rotate(“2”);

3.2D变换中，transform属性可以使用不同函数，完成不同类型的变换。A
A.√
B.×

4.rotate()函数，其参数取值单位是 deg，表示旋转的角度。A
A.√
B.×

5.scale()函数取值可正可负，取正值表示放大，取负值表示缩小。B
A.√
B.×
【解析】缩放transform：scale（x,y）;x是指水平方向缩放的倍数；y是指垂直方向缩放的倍数，若省略，同x;0~1是缩小，大于1是放大。

过渡与动画

1.（ B ）可以将盒子的背景颜色、宽度，在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 ）。
A.过渡时间
B.过渡方式
C.过渡属性
D.过渡延迟

3.animation: mycolor 5s linear;关于这条语句叙述错误的是（ D ）。
A.mycolor是由@keyframes定义的动画名
B.5s表示5秒完成动画
C.linear表示匀速播放动画
D.mycolor中的关键帧由animation定义
在这里插入图片描述
4.@keyframes可以定义动画的很多个关键帧，由animation设定动画播放时长、方式等信息。A
A.√
B.×

5.动画是由很多静态图片构成，每个图片可以称为一个关键帧。A
A.√
B.×

3d变换

1.（ B ）代码，表示要进行3D变换。
A.perspective:100px;
B.transform-style： preserve-3d;
C.transition:linear 1s;
D.animation：mycolor 1s linear;

2.3D变换的说法错误的是（ B ）。
A.transform:rotateY(60deg);表示沿Y轴进行3D变换
B.transition:rotateX(60deg);表示沿X轴进行3D变换
C.perspective:100px;表示透视中的观察距离
D.transform-style: preserve-3d; 一般设置在变换元素的父容器中
【答案选B，但不知道为什么】

3.3D变换如果没有透视关系，跟2D变换效果相同。B
A.√
B.×

4.3D变换通过transform属性取得不同的rotateX(),rotateY(),rotateZ()完成沿不同坐标轴的变换。A
A.√
B.×

5.3D变换中，perspective属性取值决定是否有透视关系，透视关系的大小。A
A.√
B.×

第六章节 JavaScript基础

概述与基础语法

1.下列哪些功能不能使用javascript技术实现（ D）。
A.网页特效
B.网页小游戏
C.读写客户机器上的文件
D.登录注册功能

2.下列哪个工具不是专业的前端开发工具（ D）。
A.HBuilder
B.WebStorm
C.Sublime Text
D.Pycharm

3.下列哪个选项不属于js的组成（ C ）。
A.ECMAScript
B.DOM
C.HTML
D.BOM
【解析】js组成包括核心（ECMAScript）、文档对象模型（DOM，Document Object Model）（让JS有能力与网页进行对话）、浏览器对象模型（BOM，Browser Object Model）（让JS有能力与浏览器进行对话）

4.下列关于js说法不正确的是（ D ）。
A.开发工具简单，记事本即可
B.无需编译，直接由JS引擎负责执行
C.有面向对象编程思想
D.强类型语言
【解析】JS特点：
1、开发工具简单，记事本即可
2、弱类型语言有数据来决定数据类型
3、无需编译，直接由JS引擎负责执行
4、面对对象

5.JS代码不能写在哪个位置（ C ）。
A.嵌入在元素事件中
B.嵌入在<script>标签中
C.嵌入在<title>标签中
D.写在外部的脚本文件中

变量

1.关于变量名的命名规范说法错误的是（ D）。
A.不允许使用js的关键字和保留关键字
B.不能以数字开头
C.尽量见名知意
D.不可以采用驼峰命名法
在这里插入图片描述
2.在javascript中使用（ C ）来分隔两条语句。
A.逗号
B.句号
C.分号
D.括号

3.var age=25; console.log(“age”);请问最终输出结果显示的是（ C ）。
A.25
B.”25”
C.age
D.”age”
在这里插入图片描述
4.下列变量名错误的是（ C ）。
A.stu_1
B.stu1
C.1stu
D.$stu

5.下列关于变量赋值说法错误的是（ D ）。
A.等号左边必须是变量
B.永远都是将等号右边的值值给等号左边的变量
C.可以使用age关键字声明变量保存年龄
D.35 = 30是正确的
在这里插入图片描述

数据类型

1.下列哪种数据类型不是原始类型（B ）。
A.数字类型
B.引用类型
C.字符串类型
D.布尔类型

2.下列是数字类型的是（ D ）。
A.“55”
B.true
C.undefined
D.66

3.下列是字符串类型的是（ A ）。
A.“55”
B.true
C.undefined
D.66

4.下列是布尔类型的是（ B ）。
A.“55”
B.true
C.undefined
D.66

5.typeof(num);的作用是（ B ）。
A.将num转换为数字类型
B.获取num的数据类型
C.输出num的结果
D.获取num的值

运算符与表达式

1.下列不属于运算符的是（ D ）。
A.+
B.-
C.*
D.@

2.下列表达式的值正确的是（ A ）。
A.10%3的值是1
B.1%3的值是3
C.4*3的值是15
D.“5”+5的值是10

3.下列不属于逻辑运算符的是（ D ）。
A.&&
B.||
C.!
D.>>

4.var msg = 20>18?”成年人”:”未成年人”;的结果是（ C ）。
A.20
B.18
C.成年人
D.未成年人

5.表达式18>15 && 18<20的结果是（ A ）。
A.true
B.false
C.15
D.20

6.表达式var result = 85 >= 80？ “优秀” : (score>=60 ? “合格” :“不合格”);的值是（ A ）。
A.优秀
B.合格
C.不合格
D.85

函数

1.声明函数时，要使用一个关键词是（ C ）。
A.console
B.log
C.function
D.method

2.下列选项可以将指定数据转换为整数的是（ B ）。
A.parseFloat
B.parseInt
C.parseByte
D.parseDouble

3.下列说法错误的是（ C ）。
A.函数可以有返回值，也可以没有返回值
B.函数可以包含参数，也可以不包含参数
C.声明函数时定义的参数，可以称之为叫作 "实参"
D.在调用函数时包含的参数，被称之为"实参"

function add(){                                // 1 
        var sum = 1 + 2;                      // 2   
        console.log( sum );                 //  3 
}
console.log( sum ) ;                        //4

在此程序中哪一行语句是错误的（ D ）。
A.1
B.2
C.3
D.4

var a=1;
 function sum(b){

      console.log(a);

      a+=2;
}
sum(a);
console.log(a);

此程序的最终结果为（ D ）。
A.1 2
B.2 1
C.3 1
D.1 3

function sum(num1,num2){
     return num1+num2;
}
var result = sum( 1, 2 );
console.log( result );

此程序的结果为（ C ）。
A.1
B.2
C.3
D.4

分支结构

1.下列哪一项不是程序结构（ D ）。
A.循环结构
B.分支结构
C.顺序结构
D.逻辑结构

2.以下选项作为分支结构中的条件表达式结果为真的是（ C）。
A.NaN
B.0
C.1
D.null

3.switch-case语句中的break的作用是（ B ）。
A.结束整个程序
B.跳出switch结构
C.跳过下一条语句，继续向下执行
D.判断下一个case

4.下列选项关于switch-case结构表述正确的是（ B ）。
A.switch-case结构适用于范围判断
B.switch-case结构中的case可以是多个
C.在switch-case结构中，如果碰到break，就结束整个程序
D.在switch-case结构不能用if语句代替

5.若a和b均是整形变量并已正确赋值，正确的switch语句是（ D）。
A.switch(a+b);{…}
B.switch a+b*3.0{…}
C.switch a{…}
D.switch(a%b){…}

循环结构

1.下列不属于循环结构的是（ D ）。
A.while
B.do-while
C.for
D.switch-case

var i=1
while(i<5){
    console.log(“*”);
}

该程序最终输出几个*（ D ）。
A.4
B.5
C.6
D.无数个

3.在循环结构中continue关键字的作用是（ C ）。
A.终止整个程序的执行
B.终止整个循环结构
C.终止本次循环，继续执行下次循环
D.对循环过程没有作用

var i=0; 
while(i<5){
  console.log(“*”);
  if(i==3){
      break;

  }
  i++;
}

该程序最终输出几个*（ B ）。
A.3
B.4
C.5
D.6

var i=0; 
while(i<5){
i++;
if(i==3){
continue;
}
console.log(“*”);
}

该程序最终输出几个*（ B ）。
A.3
B.4
C.5
D.6

数组

1.下列创建空数组格式正确的是（ D ）。
A.arr;
B.arr=[];
C.var arr=new [];
D.var arr=new Array();

2.创建数组var a=[1,2,3];那么a[1]的值是（ B ）。
A.1
B.2
C.3
D.没有值

var arr = new Array(5);
console.log( arr.length );

该程序的结果为（ C ）。
A.0
B.1
C.5
D.10

4.下列表达式是获取数组最后一个元素的是（ C ）。
A.arr[arr.length+1]
B.arr[arr.length]
C.arr[arr.length-1]
D.arr[arr.length-2]

5.数组下标是从（ A ）开始的。
A．0
B．1
C．2
D．3

数组API函数

1.以下方法中哪个可以将数组中的元素转换为字符串,并用逗号分隔（ C ）。
A.STRING(arr)
B.arr.join()
C.String(arr)
D.arr.concat()

2.以下方法中哪个可以将数组中的元素转换为字符串且可以用自定义连接符分隔（ B ）。
A.STRING(arr)
B.arr.join()
C.String(arr)
D.arr.concat()
【解析】arr.join（“连接符”）：将arr中每个元素转为字符串，用自定义的连接符分割。

3.关于arr.slice()说法错误的是（ D ）。
A.选取arr中starti位置开始，到endi结束的所有
B.元素组成新数组返回
C.原数组保持不变
D.将会直接修改原数组

4.arr.sort()的作用是（ A ）。
A.将所有元素转为字符串再排序
B.将所有元素转为数字再排序
C.将所有元素直接排序
D.将所有元素打散再排序
【解析】arr.sort()：默认将所有元素转为字符串再排列。

5.下列关于arr.reverse()说法正确的是（ C ）。
A.进行拼接操作
B.进行删除操作
C.进行颠倒数组操作
D.进行排序操作
【解析】reverse()颠倒数组中元素的顺序，仅负责原样颠倒数组，不负责排序。

6.关于arr.splice()说法错误的是（ B ）。
A.可进行删除操作
B.可进行选取操作
C.可进行插入操作
D.可进行替换操作
在这里插入图片描述

DOM查找

1.下列关于DOM的描述哪句话是不正确的（ D）。
A.DOM是万维网联盟W3C的标准
B.DOM定义了访问HTML的标准
C.DOM定义了访问XML文档的标准
D.DOM的Document Object Model浏览器对象模型的缩写
【解析】DOM（Document Object Model文档对象模型）是W3C（万维网联盟）的标准，是中立于平台和语言的接口，它允许程序和脚本动态地访问和更新文档的内容、结构和样式。

2.下列不是DOM查找操作的是（ C ）。
A.getElementById()
B.getElementsByTagName()
C.appendChild()
D.getElementsByClassName

3.下列可用于精确查找一个元素的是（ C ）。
A.getElementsByTagName()
B.createTextNode()
C.getElementById()
D.getElementsByClassName()

4.下列是按标签查找元素的是（ B ）。
A.getElementById()
B.getElementsByTagName()
C.getElementsByClassName()
D.appendChild()

5.下列关于getElementsByTagName描述不正确的是（ A ）。
A.只返回第一个元素
B.返回一个动态集合
C.可查找直接子节点
D.可查找所有子代节点

6.下列DOM查找中返回集合的是（ B）。
A.getElementById()
B.getElementsByTagName()
C.getAttribute()
D.createElement()

DOM修改

1.下列关于DOM核心描述正确的是（ A ）。
A.可操作一切结构化文档的API
B.专门操作HTML文档的简化版DOM API
C.简单
D.仅对常用的复杂的API进行了简化
【解析】核心DOM：可操作一切结构化文档的API；包括HTML和XML；万能；繁琐。

2.下列不属于核心DOM的操作的是（ D ）。
A.getAttribute()
B.setAttribute()
C.hasAttribute()
D.appendChild()
在这里插入图片描述

3.下列哪项是移除属性值（ B ）。
A.getAttribute()
B.removeAttribute()
C.hasAttribute()
D.appendChild()

4.已知var h1 = document.getElementById(“a1")，下列修改属性值正确的是（ D ）。
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 ）。
A.判断是否包含name属性
B.移除name属性
C.得到name属性的值
D.语法错误

6.下列关于DOM操作的描述，不正确的是（ B ）。
A.getAttribute(“属性名”)读取属性值
B.setAttribute(“属性名”)设置属性值
C.hasAttribute(“属性名”)判断是否包含指定属性
D.setAttribute(“属性名”,value)修改属性值

7.下列关于HTML DOM的描述不正确的是（ D）。
A.专门操作HTML文档的简化版DOM API
B.简单
C.仅对常用的复杂的API进行了简化
D.包括HTML和XML
【解析】HTML DOM：专门操作HTML文档的简化版DOM API;仅对常用的复杂的API进行了简化；不是万能；简单。

DOM添加

1.下列哪项不属于添加元素的步骤（ C ）。
A.创建空元素
B.设置关键属性
C.获取关键属性值
D.将元素添加到DOM树中

2.下列哪项不属于设置关键属性（ D ）。
A.a.innerHTML=“go to tmooc”
B.a.href=“https://tmooc.cn”;
C.a.href=“https://www.baidu.com”;
D.a.style.opacity = “1”;
【解析】ABC属于设置关键属性，而D属于设置关键样式。

3.下列属于将元素添加到DOM树操作的是（ A ）。
A.appendChild()
B.removeChild()
C.replaceChild()
D.getAttribute()

4.下列属于在父元素中的指定子节点之前添加一个新的子节点的是（ D ）。
A.appendChild()
B.removeChild()
C.replaceChild()
D.insertBefore()

5.下列不属于添加元素优化的是（ D ）。
A.var frag=document.createDocumentFragment();
B.frag.appendChild(child);
C.parent.appendChild(frag);
D.getAttribute()
在这里插入图片描述
6.parentNode.insertBefore(newChild, existingChild)的含义是（ A ）。
A.在父元素中的指定子节点之前添加一个新的子节点
B.为一个父元素追加最后一个子节点
C.判断是否包含指定属性
D.给元素设置指定样式

7.下列哪项表示的是创建table标签（ B）。
A.a.herf=“https://tmooc.cn”;
B.document.createElement(‘table’);
C.document.createElement(‘td’);
D.console.log( table );

8.已知var div = document.createElement( ‘div’ );var txt = document.createTextNode(‘文本’);如何使txt成为div的最后一个子节点（ B ）。
A.div.removeChild(txt)
B.div.appendChild(txt);
C.div.appendchild(txt);
D.div.getAttribute(txt)

9.如何创建一个空元素（ B ）。
A.document.getElementById(‘alink’)
B.document.createElement(“元素名”)
C.element.hasAttribute(‘元素名’)
D.a.style.opacity = “1”

BOM

1.下列关于BOM的描述正确的是（ D ）。
A.BOM允许程序和脚本动态地访问和更新文档的内容、结构和样式。
B.BOM定义了访问HTML的标准
C.BOM定义了访问XML文档的标准
D.BOM是专门操作浏览器窗口的API

2.下列不是浏览器对象模型的是（ D ）。
A.window
B.history
C.screen
D.element

3.下列关于浏览器对象模型document描述正确的是（ A ）。
A.封装当前正在加载的网页内容
B.封装了当前窗口正在打开的url地址
C.封装当前窗口打开后，成功访问过的历史url记录
D.代表整个窗口
在这里插入图片描述
4.下列表示显示整个窗口的高或宽的是（ A )。
A.window.outerWidth
B.window.outerheight
C.window.innerWidth
D.window.innerHeight

5.下列关于setInterval(exp,time)描述错误的是（ B ）。
A.表示的是周期性定时器
B.表示的是一次性定时器
C.time表示时间周期，单位为毫秒
D.exp表示的是要执行的语句

6.使用（ C ）停止周期性定时器timer。
A.clearInterval()
B.deleteInterval(timer)
C.clearInterval(timer)
D.deleteInterval()
在这里插入图片描述

7.下列关于setTimeout(exp,time)描述不正确的是（ B ）。
A.让程序延迟一段时间执行
B.让程序按指定时间间隔反复自动执行一项任务
C.exp表示的是要执行的语句
D.time表示间隔时间，单位为毫秒

8.以下代码表示的含义是（ C ）。

var timer = setInterval(function(){
 console.log("Hello World");
  },1000);

A.打印输出一次Hello World
B.打印输出1000次Hello World
C.每隔1000毫秒打印输出一次Hello World
D.每隔1000秒打印输出一次Hello World

setTimeout(function(){
 alert("恭喜过关");
},3000);

下列关于此段代码描述正确的是（ B ）。
A.此段代码周期性执行
B.此段代码只执行一次
C.程序延迟3000秒后执行
D.控制台输出一次恭喜过关
在这里插入图片描述

10.浏览器对象模型screen表示的是（ A ）。
A.封装了屏幕的信息
B.封装了当前窗口正在打开的url地址
C.定义了网页中的事件机制
D.封装浏览器配置信息

第七章 JQuery&HTML5&Bootstrap

JQuery概述&工厂函数

1.在JQuery中，如果想要从DOM中删除所有匹配的元素，下面哪一个是正确的（ C ）。
A.delete()
B.empty()
C.remove()
D.removeAll()

2.下列不是关于JQuery使用使用场景的是（ D）。
A.DOM操作
B.动画效果
C.Ajax
D.网页结构
【解析】使用JQuery场景有DOM操作、事件、动画效果、Ajax。

3.在JQuery中使用工厂函数的方法正确的是（ B ）。
A.#
B.@
C.$
D.*
【解析】在JQuery中，无论使用哪种类型的选择符，都要从一个美元符号 $和一对圆括号开始（） :$ 、（）

4.$(“#my”)可以选择页面中ID为my的元素。A
A.√
B.×

5.所有能在样式表中使用的选择符，都能放在工厂函数的圆括号中引号内使用。A
A.√
B.×

6.JQuery的核心理念是写更少的代码，做更多的事情。A
A.√
B.×

7.JQuery屏蔽了浏览器的兼容性问题。A
A.√
B.×

JQuery增删改查

1.下面哪种不是jquery的选择器（ D）。
A.基本选择器
B.后代选择器
C.类选择器
D.进一步选择器
【解析】JQuery选择器有基本选择器（#id .class）、层级选择器（后代选择器子代选择器）。

2.下列关于html( )描述不正确的是（ D ）。
A.读取节点的HTML内容
B.修改节点的HTML内容
C.$(“p”).html()获取<p>元素的HTML代码
D.读取节点的文本内容

3.下列关于text( )的描述不正确的是（ C ）。
A.$(“p”).text()获取p元素的文本
B.读取节点的文本内容
C.读取节点的HTML内容
D.修改节点的文本内容
在这里插入图片描述
4.在JQuery中，读取节点的value属性值的是（ B）。
A.html()
B.val()
C.text()
D.value()

5.在 JQuery如何选择紧邻的后一个元素（ A ）。
A. $(“…”).next();
B. $(“…”).before();
C. $(“….”).prev();
D. $(“…”).before();

6.在 JQuery如何选择除自己之外的所有元素（ C ）。
A. $(“…”).nextAll();
B. $(“…”).prevAll();
C. $(“….”).siblings();
D. $(“…”).all();

7.在 JQuery如何读取节点的HTML内容（ B ）。
A. $(“…”).val();
B. $(“…”).html();
C. $(“….”).value();
D. $(“…”).name();

JQuery事件

1.在JQuery中使用哪个关键字绑定事件（ B）。
A.on
B.bind
C.call
D.in
在这里插入图片描述

2.函数中传递的参数e有什么作用（ A ）。
A.提供了可以影响事件在dom中传递进程的一些方法
B.提供了网页中的文字信息
C.提供了网页中的元素
D.没什么作用
【解析】e这个对象包含与事件相关的信息，也提供了可以影响事件在DOM中传递进程的一些方法。

3.我们可以使用哪个事件对象获取按键的值（ A）。
A.keyCode
B.client
C.key
D.code
在这里插入图片描述
4.事件对象clientX的作用是（ D ）。
A.返回当事件被触发时鼠标指针相对于当前元素的水平坐标
B.返回当事件被触发时鼠标指针相对于屏幕的水平坐标
C.返回当事件被触发时鼠标指针相对于桌面页面的水平坐标
D.返回当事件被触发时鼠标指针相对于浏览器页面的水平坐标

5.事件对象screenX的作用是（ A ）。
A.可返回事件发生时鼠标指针相对于屏幕的水平坐标
B.事件发生的地点在事件源元素的坐标系统中的 x 坐标
C.鼠标指针的位置，相对于文档的左边缘(firefox,~x)
D.返回当事件被触发时鼠标指针相对于浏览器页面的水平坐标

6.事件对象offsetX的作用是（ B ）。
A.可返回事件发生时鼠标指针相对于屏幕的水平坐标
B.事件发生的地点在事件源元素的坐标系统中的 x 坐标
C.鼠标指针的位置，相对于文档的左边缘(firefox,~x)
D.返回当事件被触发时鼠标指针相对于浏览器页面的水平坐标

HTML5

1.以下是 HTML5 新增的标签是（ A）。
A.<aside>
B.<isindex>
C.<samp>
D.

<s>

2.以下说法不正确的是（ A）。
A.HTML5 标准还在制定中
B.HTML5 兼容以前 HTML4
C.<canvas>标签替代 Flash
D.简化的语法

3.HTML5 不支持的视频格式是（ C）。
A.ogg
B.mp4
C.flv
D.WebM

4.以下不是 HTML5 新特性的是（ A）。
A.新的@font-face 字体设置
B.新的离线存储
C.新的音频、视频 API
D.新的内容标签

5.HTML5标准具备一些新特性，并且向前兼容HTML4标准。A
A.√
B.×

6.HTML5中，可以直接使用video标签添加视频，而不需要使用第三方插件。A
A.√
B.×

7.HTML5中，可以直接使用video标签的source属性，添加一个播放视频的列表，依次播放。B
A.√
B.×

8.HTML5的canvas标签，提供了可以用来显示文字的一个区域。B
A.√
B.×

9.canvas绘图功能的实现，需要JS代码的配合使用。A
A.√
B.×

您可能感兴趣的与本文相关的镜像

Stable-Diffusion-3.5

图片生成

Stable-Diffusion

Stable Diffusion 3.5 (SD 3.5) 是由 Stability AI 推出的新一代文本到图像生成模型，相比 3.0 版本，它提升了图像质量、运行速度和硬件效率