Web前端开发-HTML5 + CSS3 +JavaScript智慧树知到课后章节答案2023年下潍坊学院

Web前端开发——HTML5+CSS3+JavaScript智慧树知到课后章节答案2023年下潍坊学院潍坊学院

第一章测试

WWW是（）的意思。（）

A:浏览器B:超文本传输协议C:万维网D:网页

答案:万维网

统一资源定位符是指：（）

A:服务器地址。B:Web服务器。C:因特网上标准的资源的地址。D:从一个网页指向另一个目标的连接关系。

答案:因特网上标准的资源的地址。

以下属于浏览器的是：（）

A:GoogleChromeB:HbuilderC:IED:MozillaFirefox

答案:GoogleChrome;IE;MozillaFirefox

Web前端开发主要任务是信息内容的呈现和用户界面设计。（）

A:对B:错

答案:对

CSS（也称为层叠样式表）是用来呈现网页外观样式的一组规范，它可以定义网页的样式表现。（）

A:对B:错

答案:对

JavaScript是一种运行在的服务器端的脚本语言，使用Javascript可以开发交互式的Web页面。（）

A:错B:对

答案:错

DocumentObjectModel文档对象模型，DOM与JavaScript结合起来实现了Web网页的行为与结构的分离。（）

A:对B:错

答案:对

BOM主要处理浏览器窗口和框架，常见的BOM窗口有Window对象、Navigator对象、Screen对象、History对象和Location对象。（）

A:对B:错

答案:对

AJAX即异步JavaScript和XML，是一种支持异步请求的技术。（）

A:对B:错

答案:对

同一个HTML页面，在不同浏览器上的显示效果是一样的。（）

A:错B:对

答案:错

Web前端开发常用的技术有：（）

A:PHPB:HTMLC:JavaScriptD:CSS

答案:HTML;JavaScript;CSS

浏览器对HTML文档解析显示的结果就是我们平时看到的网页。（）

A:错B:对

答案:对

下面哪一个工具用于Web前端开发？（）

A:JavaB:MatlabC:C++D:Hbuilder

答案:Hbuilder

在URL地址中多个参数之间使用（）进行分割。（）

A:+B:&C:-D:|

答案:&

Web是一种分布式应用结构。（）

A:对B:错

答案:对

第二章测试

下列哪个是用于定义标题的标签（）

A:h1B:hwC:hrD:p

答案:h1

html中的注释标签是（）

A:<----!>B:<---->C:<!---->D:<--!-->

答案:<!---->

哪两个属性可用于表格的合并单元格（）

A:colspanB:trspanC:rowspanD:tdspan

答案:colspan;rowspan

下面的哪个标签定义了浏览器工具栏的标题（）

A:bodyB:titleC:headD:html

答案:title

HTML元素可以设置属性，属性总是以名称/值对的形式出现。（）

A:对B:错

答案:对

所有的HTML标记符都包括开始标记符和结束标记符。（）

A:错B:对

答案:错

B标记符表示用粗体显示所包括的文字。（）

A:对B:错

答案:对

HTML表格在默认情况下有边框。（）

A:错B:对

答案:错

创建图象映射时，理论上可以指定任何形状作为热点。（）

A:对B:错

答案:对

指定滚动字幕时，不允许其中嵌入图象。（）

A:错B:对

答案:错

使用FONT标记符的size属性可以指定字体的大小。（）

A:对B:错

答案:对

以下有关表单的说明中，错误的是（）

A:表单通常用于搜集用户信息B:在FORM标记符中使用method属性指定提交表单数据的方法。C:表单中只能包含表单控件，而不能包含其他诸如图片之类的内容。D:在FORM标记符中使用action属性指定表单处理程序的位置。

答案:表单中只能包含表单控件，而不能包含其他诸如图片之类的内容。

如果要在表单里创建一个普通文本框，以下写法中正确的是（）

A:<INPUTtype="password">B:<INPUT>C:<INPUTtype="radio">D:<INPUTtype="checkbox">

答案:<INPUT>

要定义表单元素中的密码框，input标签中type属性应设为password。（）

A:对B:错

答案:对

要实现表单元素中的复选框，input标签的type属性应设为（）

A:radioB:checkboxC:textD:select

答案:checkbox

定义表单所用的标签是（）

A:tableB:formC:inputD:select

答案:form

第三章测试

下列哪种方式是用类选择器定义样式的（）

A:#two{color:inherit;}B:p{color:inherit;}C:.one{color:inherit;}D:p,h1{color:inherit;}

答案:.one{color:inherit;}

下列样式定义字体为宋体、字体颜色为红色、斜体、大小20px、粗细800号，正确的定义是：（）

A:p{font-family：20px；font-size：宋体；font-weight：800；color:inherit;font-style：italic；}B:p{font-family：宋体；font-size：20px；font-weight：800；color:inherit;font-style：italic；}C:p{font-family：20px；font-size：800；font-weight：宋体；color:inherit;font-style：italic；}D:p{font-family：800；font-size：20px；font-weight：red；color:inherit;font-style：宋体；}

答案:p{font-family：宋体；font-size：20px；font-weight：800；color:inherit;font-style：italic；}

下列样式定义字体间距为0.5倍间距、水平左对齐、垂直顶端对齐、有下划线，正确的定义是：（）

A:p{text-decoration：0.5em；letter-spacing：underline；vertical-align：top；text-align：left；}B:p{text-decoration：underline；letter-spacing：0.5em；vertical-align：top；text-align：left；}C:p{text-decoration：underline；letter-spacing：0.5em；vertical-align：left；text-align：top；}D:p{text-decoration：left；letter-spacing：top；vertical-align：0.5em；text-align：underline；}

答案:p{text-decoration：underline；letter-spacing：0.5em；vertical-align：top；text-align：left；}

在html中，下列几条关于样式表优点的说法错误的是（）

A:一个样式表对应一个html文档B:样式表不可以重用C:样式表可以改变浏览器的默认显示风格D:样式表可以使页面内容和显示样式分离

答案:一个样式表对应一个html文档;样式表不可以重用

要在html标签中应用css类选择器所定义的样式，要设置标签的（）属性。（）

A:srcB:idC:nameD:class

答案:class

在html文件中引用abc.css文件中的样式，方法是（）

A:<linksrc="abc.css"type="text/css"rel="stylesheet">B:<linkurl="abc.css"type="text/css"rel="stylesheet">C:<linkhref="abc.css"type="text/css"rel="stylesheet">D:<linkimport="abc.css"type="text/css"rel="stylesheet">

答案:<linkhref="abc.css"type="text/css"rel="stylesheet">

下列选项中，用于改变盒子模型内填充的是（）

A:typeB:marginC:borderD:padding

答案:padding

下列选项中，可清除元素默认外边距的是（）

A:line-height:0;B:margin:0;C:font-size:0;D:padding:0;

答案:margin:0;

下列选项中，属于引入CSS样式表的方式是（）

A:旁引式B:行内式C:内嵌式D:外链式

答案:行内式;内嵌式;外链式

下列选项中，用于设置首行文本缩进的属性是（）

A:text-overflowB:text-indentC:white-spaceD:text-shadow

答案:text-indent

使用position：relative；可以将元素的定位模式设定为绝对定位。（）

A:对B:错

答案:错

CSS选择器中的属性选择器，可以根据元素的属性和属性值来选择元素。（）

A:错B:对

答案:对

使用CSS设置背景图像的的方法是：background-image:url(图像文件地址)；（）

A:错B:对

答案:对

在设置边框宽度时，必须同时设置边框样式，否则设置的宽度无效。（）

A:对B:错

答案:对

第四章测试

实现下拉列表框，要用到一下哪几个标签?（）

A:inputB:selectC:optionD:radio

答案:select;option

要把多个单选框设为一组，即一组之中只有一个可被选定，应把每个单选框的value属性的值设为相同。（）

A:错B:对

答案:错

用户可以在表单中通过text元素创建一个多行文本框，用来输入较长的文本数据。（）

A:对B:错

答案:错

HTML5的新增元素中，header元素是一种具有引导和导航作用的结构元素，该元素可以包含所有通常放在页面头部的内容。（）

A:对B:错

答案:对

HTML5关于的分组元素有哪些？（）

A:articleB:hgroupC:figcaptionD:figure

答案:hgroup;figcaption;figure

以下有关按钮的说法中，错误的是（）

A:可以用图像作为提交按钮。B:可以控制提交按钮上的显示文字。C:可以控制重置按钮上的显示文字。D:可以用图像作为重置按钮。

答案:可以用图像作为重置按钮。

为了解决各浏览器对不同视频和音频格式不完全支持的问题。在HTML5中，运用source元素可以为video元素或audio元素提供多个备用文件。浏览器将使用第一个支持的音频文件。（）

A:错B:对

答案:对

要创建一个电子邮件地址文本框，可以是使用如下语句：（）

A:请输入您的邮箱：<inputtype="button"name="formmail"/>B:请输入您的邮箱：<inputtype="email"name="formmail"/>C:请输入您的邮箱：<inputtype="text"name="formmail"/>D:请输入您的邮箱：<inputtype="password"name="formmail"/>

答案:请输入您的邮箱：<inputtype="email"name="formmail"/>

HTML5中通过video元素来包含视频。该标记支持三种视频格式，分别为MP4、WebM、Ogg。（）

A:对B:错

答案:对

第五章测试

border-radius:20px30px;

表示设置左上角与右下角的的圆角半径为20px，右上角与左下角的圆角半径为30px。（）

A:错B:对

答案:对

下面与边框图片有关的属性是：（）

A:border-image-repeatB:border-image-sourceC:border-image-widthD:border-image-slice

答案:border-image-repeat;border-image-source;border-image-width;border-image-slice

CSS3可以通过属性transform实现2D或3D变换。（）

A:对B:错

答案:对

CSS3可以实现的2D转换有：（）

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

答案:旋转;缩放;倾斜;平移

要将元素向右平移50px，向下平移30px，可以通过下面哪个实现？（）

A:skew(50px,30px);B:translate(50px,30px);C:translate(30px,50px);D:skew(30px,50px);

答案:translate(50px,30px);

下面能实现放大功能的是：（）

A:scale(-1,-2);B:scale(0.5,0.5);C:scale(2,3);D:scale(1,1);

答案:scale(2,3);

skew(20deg,50deg)表示元素顺时针倾斜20度，逆时针倾斜50度。（）

A:对B:错

答案:错

rotate()方法的参数是一个度数，当参数大于0时，表示顺时针旋转，当参数小于0时，表示逆时针旋转。（）

A:错B:对

答案:对

使用transition属性设置多个过渡效果时，它的各个参数必须按照顺序进行定义，不能颠倒。（）

A:错B:对

答案:对

在CSS3中，@keyframes规则用于创建动画。（）

A:对B:错

答案:对

下面的代码设置的效果是：

p{column-count:3;

column-gap:40px;

column-rule:4pxgreen;

}（）

A:列数为3，列间隙40px，边框宽度为4px，边框颜色为绿色B:列数为3，列宽度40px，边框宽度为3px，边框颜色为绿色C:列数为4，列宽度40px，边框宽度为3px，边框颜色为绿色D:列数为3，列间隙40px，边框宽度为3px，边框颜色为蓝色

答案:列数为3，列间隙40px，边框宽度为4px，边框颜色为绿色

要给文本添加阴影，可以使用哪个属性设置？（）

A:text-shadowB:box-shadowC:text-overflowD:word-wrap

答案:text-shadow

text-overflow:ellipsis;

表示当文本溢出时，显示省略标记"...".（）

A:对B:错

答案:对

下面哪个属性用于指定列之间边框的样式？（）

A:column-rule-styleB:column-rule-gapC:column-rule-widthD:column-rule-color

答案:column-rule-style

目前所有浏览器都完全支持CSS3的特性。（）

A:错B:对

答案:错

第六章测试

alert方法的作用是（）

A:弹出对话框，该对话框的内容是该方法的参数内容。B:弹出新窗口。C:弹出确认对话框，该对话框的要用户选择“确认”或“取消”。D:弹出输入对话框，该对话框的可让用户输入内容。

答案:弹出对话框，该对话框的内容是该方法的参数内容。

分析以下JavaScript程序

varx=prompt(“请输入1-5的数字！”,“”);

switch(x)

case“1”:alert(“one”);

case“2”:alert(“two”);

case“3”:alert(“three”);

case“4”:alert(“four”);

case“5”:alert(“five”);

default:alert(“none”);

运行以上程序，在提示对话框中输入“4”，依次弹出的对话框将输出:（）

A:four,noneB:fiveC:five,noneD:four,five,none

答案:four,five,none

鼠标移入事件和鼠标移出事件分别是（）

A:onmousedown，onmouseupB:onmouseup,onmousedownC:onmouseover，onmouseoutD:onmouseout，onmouseover

答案:onmouseover，onmouseout

在JavaScript程序中加入注释，方法有（）

A://注释内容B:/注释内容C:/*注释内容D:/*注释内容*/

答案://注释内容;/*注释内容*/

以下JavaScript变量名不合法的有（）

A:functionB:Myvariable4C:My@variableD:4Myvariable

答案:function;My@variable;4Myvariable

history对象中能实现网页后退效果的方法是（）

A:back()B:go(-1)C:forward()D:go(1)

答案:back();go(-1)

看以下JavaScript程序

vara,b,c;

a=“2”；

b=2；

c=a+b;

运行以上程序后，变量c的值为"22"。（）

A:错B:对

答案:对

分析以下JavaScript程序*

vari;

i=8；

do{

i++;

}while(i>100);

运行以上程序后，变量i的值为8。（）

A:对B:错

答案:错

在html中，使用外部JS文件的语句为（）

A:<scriptlanguage="JavaScript"src="文件名.js"></script>B:<scriptlanguage="JavaScript"file="文件名.js"></script>C:<scriptimport="文件名.js"></script>D:<scriptfile="文件名.js"></script>

答案:<scriptlanguage="JavaScript"src="文件名.js"></script>

在html中，下列列表框的某一项被选中时将触发哪个事件？（）

A:onLoadB:ClickC:onChangeD:onFocus

答案:onChange

在Math对象中，获取绝对值的方法为（）

A:pow（）B:random（）C:abs（）D:floor（）

答案:abs（）

分析以下代码，调用函数factorial(4)的结果是什么？

functionfactorial(n){//定义回调函数

if(n==1){

return1;//递归出口

}

returnn*factorial(n-1);

}（）

A:24B:2C:4D:1

答案:24

下列哪个不属于JS事件绑定方式（）

A:事件监听B:动态绑定式C:嵌入式D:行内绑定式

答案:嵌入式

关于代码document.getElementsByTagName('li');（）

下面那个选项是错误的是

A:可以通过索引来获取指定li元素B:返回值是一个类似于数组的集合C:获取了文档中所有的li元素D:返回值是一个数组

答案:返回值是一个数组

第七章测试

根据指定的类名可匹配所有元素的是（）

A:$(".title")B:$("#title")C:$("div")D:$("li,p,div")

答案:$(".title")

jQuery对象声明，是通过（）符号来实现的。（）

A:￥B:&C:$D:@

答案:$

以下可以获取表单中所有被选中的复选框的是（）

A::checkedB::checkboxC:其余答案都不正确D::selected

答案::checkbox

jQuery选择器中，通过符号（）可获取父元素下的所有子元素。（）

A:~B:>C:空格D:+

答案:>

以下选项中可以获取前三项<li>元素的是（）

A:$("li:eq(3)")B:$("li:not(li:eq(3))")C:$("li:gt(3)")D:$("li:lt(3)")

答案:$("li:lt(3)")

下面选项中，能够将id值为conent的元素添加“标题”的是（）

A:$("#content").html("<h1>标题</h1>")B:$("#content").text()C:$("#content").text(<h1>标题</h1>)D:$("#content").text("<h1>标题</h1>")

答案:$("#content").html("<h1>标题</h1>")

jQuery中指定请求获取JSON数据的方法是（）

A:$.getJSON()B:$.ajax()C:$.load()D:$.getScript()

答案:$.getJSON()

下面对于jQuery的描述中，错误的是（）

A:jQuery跟JavaScript的用法是完全一样的B:它的核心理念就是写的更少，做的更多C:有效的提高开发效率D:实现的代码更加简洁

答案:jQuery跟JavaScript的用法是完全一样的

下列选项中，用来表示通配符选择器的符号是（）

A:“*”号B:“#”号C:“.”号D:“:”号

答案:“*”号

empty()方法仅能删除匹配元素的文本内容，而元素节点依然存在。

remove()方法则可以同时删除匹配元素本身和文本内容。（）

A:对B:错

答案:对

$("button").click(function(){$("div").fadeOut(4000);});表示当点击button按钮时，将div定义的元素在4000毫秒内淡入。（）

A:错B:对

答案:错

Ajax用于向Web服务器发送请求并接收响应的方法是open()方法。（）

A:对B:错

答案:错

第八章测试

HTML5的canvas标签用于图形的绘制，并通过JavaScript脚本来完成绘图。（）

A:对B:错

答案:对

绘制轮廓文字的方法是（）

A:fillRectB:fillTextC:strokeTextD:strokeStyle

答案:strokeText

SessionStorage方法用于在客户端永久存储数据，该方法存储的数据没有过期时间，即使关闭了浏览器重新打开，数据也仍然保存在设备中可继续使用。（）

A:错B:对

答案:错

HTML5新增Web存储API可以用于在服务端保存数据。（）

A:错