Web前端开发基础知到智慧树章节测试课后答案2024年秋山东工业职业学院

Web前端开发基础知到智慧树章节测试课后答案2024年秋山东工业职业学院绪论单元测试

2019年数字产业化规模达到6.4万亿元，占GDP比重为7.1%。其中，软件和信息技术服务业、互联网行业增长较快，收入同比分别增长14.2%和20.3%。(）

A:对B:错

答案:对课程主要讲述HTML5、CSS样式、Canvas和JavaScript相关知识。（）

A:错B:对

答案:对

项目一单元测试

下面关于网站制作的说法错误的是（）。

A:首先要定义站点B:最好把素材和网页文件放在同个文件夹下以便方便

C:首页的文件名必须是index.htm

D:一般在制作时，站点一般定义为本地站点

答案:首页的文件名必须是index.htm

以下链接到电子邮件的正确格式是（）。

A:＜Ahref=“mailto://123@”＞邮箱＜/A＞B:＜Ahref=“mailto:123@”＞邮箱＜/A＞

C:＜Ahref=“#mailto:123@”＞邮箱＜/A＞D:＜Ahref=“mailto:123@”＞邮箱＜/A＞

答案:＜Ahref=“mailto:123@”＞邮箱＜/A＞

ID为left的DIV标签，用CSS设置DIV的左边为红色实线，下面设置正确的是（）。

A:style=“border-left:1#ff0000solid；”B:style=“border-right:1，#ff0000，dashed；”

C:style=“border-top:#ff00001solid；”D:style=“border-left:1，#ff0000，solid；”

答案:style=“border-left:1#ff0000solid；”HTML语言中，设置表格单元格的水平对齐的标记是（）。

A:＜tdtext-valign=#＞

B:＜tdtext-align=#＞C:＜tdvalign=?＞D:＜tdalign=?＞

答案:＜tdalign=?＞在插入表格标签中，表示表格的一列是（）。

A:tableB:trC:all

D:td

答案:tdfont属性值的书写顺序为，____，____，____，____，____。

答案:0设置超链接的四种状态，____，____，____，____。

答案:0HTML5标签必须成对出现。（）

A:对B:错

答案:错XHTML文档的基本结构由哪几部分构成？

答案:0写出ul、ol和dl三种列表的XHTML结构？

答案:0

项目二单元测试

段落标签<p>的作用是什么？（）

A:插入图片B:创建不同的div区域C:设置水平对齐方式D:定义段落并增加段前、段后的行距

答案:定义段落并增加段前、段后的行距以下哪些属于<p>标签的属性？（）

A:colorB:titleC:bodyD:class

答案:title；class为什么在<img>标签中使用alt属性？（）

A:控制图片边框厚度B:设置图片的宽度和高度C:提供替换文本以替代无法显示的图片D:调整图片距旁边文字的位置

答案:提供替换文本以替代无法显示的图片img的常见属性有哪几种（）？（）

A:width、heightB:colorC:altD:align

答案:width、height；alt；align关于HTML中的<div>标签，以下哪些描述是正确的？（）

A:多个<div>元素默认按照从上到下的方式排列。B:<div>标签具有特定的含义，表示网页的主要内容。C:<div>标签是HTML中的一个区块容器标记。D:<div>标签可以将网页分割为独立的、不同的部分。

答案:多个<div>元素默认按照从上到下的方式排列。；<div>标签是HTML中的一个区块容器标记。；<div>标签可以将网页分割为独立的、不同的部分。关于CSS3中的类选择器，以下哪些描述是正确的？（）

A:类选择器在标签中使用class属性进行应用，并不需要在类名前加点号B:类选择器用于设置个别标签的样式，与其他标签样式不同C:类选择器的定义需要在<style>标签中使用类名和属性值D:类选择器只能用于<div>标签，不能应用于其他标签

答案:类选择器在标签中使用class属性进行应用，并不需要在类名前加点号；类选择器用于设置个别标签的样式，与其他标签样式不同；类选择器的定义需要在<style>标签中使用类名和属性值CSS是层叠样式表CascadingStyleSheet的缩写。（）

A:错B:对

答案:对以下哪个选项描述了CSS中的transition属性的作用？（）

A:触发过渡效果的事件限定为鼠标单击B:设置元素的高度、宽度和背景颜色C:控制CSS属性值在一定的时间区间内平滑地过渡D:限制transition属性只能应用于<div>标签

答案:控制CSS属性值在一定的时间区间内平滑地过渡CSS的（）允许CSS的属性值在一定的时间区间内平滑地过渡。（）

A:titleB:middleC:transitionD:hover

答案:transition下面关于transition属性的说法哪些是正确的？选择所有正确的选项（）

A:在CSS3中，transition属性可以实现文字或图像的旋转、缩放、倾斜和移动B:transition属性需要在HTML元素中设置C:使用transition属性时，可以通过:hover伪类来触发变化效果D:transition属性只能用于图片元素的变形处理

答案:在CSS3中，transition属性可以实现文字或图像的旋转、缩放、倾斜和移动；使用transition属性时，可以通过:hover伪类来触发变化效果

项目三单元测试

下列关于<h>标题标签的描述，哪个是正确的？（）

A:h1标题的重要性最高，h6最低B:h1至h6标签必须成对出现C:h1至h6标签的重要性是一样的，只是字号逐渐减小D:标题文字的对齐方式不能进行设置

答案:h1标题的重要性最高，h6最低标题标签中的字母h是英文（）的简称。（）

A:alignB:transformC:homeD:headline

答案:headline下列关于HTML强调标签的描述，哪个是正确的？（）

A:<b>和标签都是块级元素B:<b>和标签都必须包含首尾标签C:<b>和标签在显示效果上完全相同D:<b>标签用于显示粗体文本，标签用于显示斜体文本

答案:<b>和标签都必须包含首尾标签下列哪个是HTML的强调标签？（）

A:dB:strongC:aD:b

答案:strong；b关于添加水平线，下列说法哪些是正确的？（）

A:可以通过设置属性来改变水平线的高度、宽度和颜色B:水平线的高度和宽度值只能使用像素值C:在HTML5中，使用<hr>标签可以添加水平线D:默认情况下，插入的水平线宽度是100%、高度是1px

答案:水平线的高度和宽度值只能使用像素值；在HTML5中，使用<hr>标签可以添加水平线；默认情况下，插入的水平线宽度是100%、高度是1px水平线的宽度值可以是确定的像素值，不可以是窗口宽度值的百分比。（）

A:错B:对

答案:错下面关于ID选择器的说法哪个是正确的？（）

A:ID选择器通常与类选择器一起使用B:ID选择器使用“#”符号来表示ID标识名C:ID属性可以在HTML元素中重复使用D:ID选择器只能修饰div标签

答案:ID选择器使用“#”符号来表示ID标识名ID属性类似于页面中元素的（）？（）

A:身份证B:地址C:姓名D:有效期限

答案:身份证CSS3中，可以利用transform功能实现文字或图像的有（）类型的变形处理。（）

A:移动B:倾斜C:缩放D:旋转

答案:移动；倾斜；缩放；旋转通过CSS样式中的（）属性可以实现图片的自动旋转。（）

A:trainB:transitionC:tranD:transform

答案:transition；transform

项目四单元测试

下面关于无序列表（ul）的说法那个事正确的？（）

A:无序列表的标签是<ol>和</ol>B:无序列表的各个列表项之间有顺序级别之分C:无序列表中的每个列表项需要使用<ol>和</ol>标签包围D:无序列表的标签是<ul>和</ul>

答案:无序列表的标签是<ul>和</ul>HTML5不再支持<ul>type属性，需使用CSS替代。（）

A:错B:对

答案:对有序列表（ol）和定义列表（dl）的使用场景有哪些？选择所有正确的选项。（）

A:有序列表和定义列表都适用于创建多层级的嵌套列表B:定义列表适用于对术语或名词进行解释和描述C:有序列表适用于展示排行榜、序列等按照一定顺序排列的内容D:有序列表和定义列表都适用于无需按照顺序排列的项目

答案:有序列表和定义列表都适用于创建多层级的嵌套列表；定义列表适用于对术语或名词进行解释和描述；有序列表适用于展示排行榜、序列等按照一定顺序排列的内容在定义列表中,用于对名词进行解释和描述的标记是（）。（）

A:<a></a>B:<dd></dd>C:<dt></dt>D:<dl></dl>

答案:<dd></dd>下面关于超链接标签<a>的说法哪个是正确的？（）

A:target属性用于指定链接页面的打开方式，默认为_blankB:href属性用于指定链接目标的URL地址C:超链接标签使用一对<a></a>标记来定义超链接D:超链接标签只能链接到绝对路径

答案:target属性用于指定链接页面的打开方式，默认为_blank；href属性用于指定链接目标的URL地址；超链接标签使用一对<a></a>标记来定义超链接a标签中的（）属性可以链接到相对路径或绝对路径。（）

A:_blankB:hrefC:_selfD:target

答案:href下面关于CSS中的字体属性的说法，哪个是正确的？（）

A:字体属性不包括设置字体的粗细B:字体属性用于定义文本的外观，如文本颜色、行高和对齐方式C:字体属性可以通过font属性的缩写形式一次性设置字体的所有样式属性D:字体属性只包括设置字体的大小和字体类型

答案:字体属性可以通过font属性的缩写形式一次性设置字体的所有样式属性CSS3的字体属性用于定义（）。（）

A:字号大小B:字体是否加粗C:字体类型D:字体颜色

答案:字号大小；字体是否加粗；字体类型以下有关列表的说法中，错误的是（）。（）

A:无序列表默认的type属性值是“circle”。B:有序列表和无序列表可以互相嵌套。C:在创建列表时，li标记符的结束标记符可以省略。D:有序列表默认的type属性值是“1”。

答案:无序列表默认的type属性值是“circle”。以下有关列表的说法中，错误的是（）。（）

A:有序列表默认的type属性值是“A”。B:有序列表和无序列表可以互相嵌套。C:在创建列表时，li标记符的结束标记符可以省略。D:无序列表默认的type属性值是“disc”。

答案:有序列表默认的type属性值是“A”。

项目五单元测试

span标签和div标签的主要区别是什么？（）

A:span标签只能包含行内元素，div标签可以包含行内和块级元素B:span标签没有任何格式化渲染，div标签可以应用样式表C:span标签默认另起一行显示，div标签在同一行显示D:span标签是块级元素，div标签是行内元素

答案:span标签只能包含行内元素，div标签可以包含行内和块级元素常见的行内标签有（）？（）

A:<a>B:<span>C:<del>D:

答案:<a>；<span>；<del>；以下哪个属性可以设置表格的背景颜色？（）

A:cellpaddingB:cellspacingC:bgcolorD:align

答案:bgcolor下列选项中属于table的常见属性的是。（）

A:bgcolorB:borderC:alignD:pixels

答案:bgcolor；border；align在HTML中，用于设置盒子与其他盒子之间的距离的属性是什么？（）

A:marginB:spacingC:borderD:padding

答案:marginmargin当只指定一个值时,该值会统一应用到全部四个边的外边距上。（）

A:错B:对

答案:对在网页布局中，用于调整元素内容与边框之间的空间的属性是什么？（）

A:marginB:paddingC:borderD:spacing

答案:padding下列属于padding属性值的是（）。（）

A:lengthB:%C:autoD:&

答案:length；%；auto<link>标签在HTML文件中的作用是导入CSS样式文件？（）

A:错B:对

答案:对下列（）标签不是创建标准表格所必须的标签。（）

A:thB:trC:tableD:td

答案:th

项目六单元测试

当使用get方式提交表单数据时，数据会如何发送给服务器？（）

A:数据会以POST请求的方式发送给服务器，并附加在URL之后B:数据会以POST请求的方式发送给服务器C:数据会以GET请求的方式发送给服务器，并附加在URL之后D:数据会以GET请求的方式发送给服务器，但不会附加在URL之后

答案:数据会以GET请求的方式发送给服务器，并附加在URL之后表单在网页开发中很常见，典型的应用场景有以下哪几种？（）

A:网站的登录、注册B:填写订单信息C:输入关键字搜索D:填写调查问卷

答案:网站的登录、注册；填写订单信息；输入关键字搜索；填写调查问卷在给定的注册页面代码中，用于选择性别的表单元素是什么类型的标签？（）

A:<select>B:<inputtype="text">C:<inputtype="radio">D:<textarea>

答案:<inputtype="radio">下列哪个属性用于设置元素的背景颜色？（）

A:background-imageB:background-colorC:background-repeatD:background-position

答案:background-colorbackground-color不是用于设置元素的背景颜色。（）

A:错B:对

答案:错在HBuilder的项目中新建CSS文件时，如何操作？（）

A:编辑→新建→CSS文件B:鼠标右键CSS文件夹→新建→CSS文件C:工具→新建→CSS文件D:文件→新建→CSS文件

答案:鼠标右键CSS文件夹→新建→CSS文件在"zibo.html"文件中，以下哪个标签用于定义网页标题？（）

A:<title>B:<body>C:<h1>D:<head>

答案:<title>在HTML5的input标签中，type属性值outset表示按钮。（）

A:错B:对

答案:错在HTML5中，将表单中input元素的type属性值设置为image时，用于创建图片按钮。（）

A:错B:对

答案:对在HTML5中，设置input元素的readonly是只读属性。（）

A:对B:错

答案:对

项目七单元测试

HTML元素根据其表现形式可以分为哪两种？（）

A:高级元素B:块级元素C:行内元素D:低级元素

答案:块级元素；行内元素盒子模型由哪些部分组成？（）

A:内容区B:边框C:外边距D:内填充

答案:内容区；边框；外边距；内填充盒子模型的组成部分有？（）

A:marginB:paddingC:heightD:width

答案:margin；paddingpadding属性用于设置盒子的什么？（）

A:外边框B:内边距C:边框颜色D:边界样式

答案:内边距margin的边距值可以设置为负值，则盒子之间的距离会越来越近。（）

A:错B:对

答案:对float属性生成的元素会生成一个什么类型的框？（）

A:块级框B:无框C:表格框D:行内框

答案:块级框float属性的部分参数有哪些？（）

A:NoneB:LeftC:RiverD:Right

答案:None；Left；Right在html5中，以下关于标签div和span的说法错误的是（）

A:div标签不能变为行内元素B:div标签显示时将独占一行C:可以设置span标签的display属性，将其改为块状元素D:span标签不能设置宽和高，因为它是行级元素

答案:div标签不能变为行内元素下列html元素当中，都属于块级元素的是（）

A:p，ul，form，div，strongB:div，p，h1，table，spanC:h2，table，ul，a，inputD:h3，ul，form，table，p

答案:h3，ul，form，table，p下列那个标签是行级标签（）

A:ulB:divC:brD:h1

答案:br

项目八单元测试

在HTML网页中，JavaScript代码可以写在哪个位置？（）

A:外部文件B:body部分C:所有选项都正确D:head部分

答案:所有选项都正确JavaScript是一种低级的解释型编程语言，是一门基于原型、函数的先行语言。（）

A:对B:错

答案:错JavaScript的内置函数分为以下几类中的哪一类？（）

A:日期函数B:数组函数C:数学函数D:字符串函数

答案:日期函数；数组函数；数学函数；字符串函数调用函数的语句需要放置在script标签中，主要包括以下哪几种调用方式。（）

A:传值调用B:地址调用C:小数调用D:传函数调用

答案:传值调用；地址调用；传函数调用如何遍历对象的属性？（）

A:使用while循环B:使用if语句C:使用switch语句D:使用for...in语句

答案:使用for...in语句Javascript方法是能够在对象上执行的操作，包含内置函数定义的属性，用于有效地处理单个对象并从中获取信息。（）

A:对B:错

答案:对使用正则表达式的哪个方法可以将字符串分割成字符串数组？（）

A:test()B:split()C:exec()D:match()

答案:split()元字符主要包括什么字符？（）

A:定位符B:抽象符C:限定符D:转义符

答案:定位符；限定符；转义符在注册账号表单中，以下哪个字段是用于再次确认密码？（）

A:accountB:password_confirmC:passwordD:identified_code

答案:password_confirm在HTML中，以下哪个元素可以是用于轮播图片的容器？（）

A:divB:liC:aD:ul

答案:div

项目九单元测试

在JavaScript中，onblur事件是指什么时候触发？（）

A:表单提交时B:鼠标或焦点离开元素时C:输入框内的值发生改变时D:页面载入完成时

答案:鼠标或焦点离开元素时下列属于常见的窗口事件的是。（）

A:onkeyup事件B:onkeydown事件C:on