HTML5网页前端设计知到智慧树章节测试课后答案2024年秋青岛职业技术学院_第1页
HTML5网页前端设计知到智慧树章节测试课后答案2024年秋青岛职业技术学院_第2页
HTML5网页前端设计知到智慧树章节测试课后答案2024年秋青岛职业技术学院_第3页
HTML5网页前端设计知到智慧树章节测试课后答案2024年秋青岛职业技术学院_第4页
HTML5网页前端设计知到智慧树章节测试课后答案2024年秋青岛职业技术学院_第5页
已阅读5页，还剩13页未读， 继续免费阅读

付费下载

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

HTML5网页前端设计知到智慧树章节测试课后答案2024年秋青岛职业技术学院项目一单元测试

web使用（）在服务器和客户端之间传输数据。

A:FTPB:E-mailC:HTTPD:Telnet

答案:HTTPHTTP服务默认的端口号是（）。

A:20B:25C:21D:80

答案:80HTML是一种标记语言，由（）解释执行。

A:web服务器B:不需要解释C:操作系统D:web浏览器

答案:web浏览器目前的web标准不包括（）。

A:表现标准B:结构标准C:动态网页D:行为标准

答案:动态网页下面正确的URL地址是（）。

A:http:B:ftb:/C:D:Get:///about.html

答案:以下不是网页的页面元素的是（）。

A:导航栏B:文字与图片C:logoD:网页源文件

答案:网页源文件以下说法中，错误的是（）。

A:主页就是进入网站的第一个页面，也被称为首页B:所有网页的扩展名都是.htmC:网站logo、banner、导航栏等都是网页的组成部分D:网站就是一系列逻辑上可以视为一个整体的页面的集合

答案:所有网页的扩展名都是.htm以下哪个概念或者哪种功能属于“前端”。（）

A:web系统中负责数据存取的部分B:web系统中负责完成相应的功能、处理业务的部分C:web系统中负责平台稳定性与性能的部分D:web系统中以网页等形式为用户提供的部分，用户能接触到的部分

答案:web系统中以网页等形式为用户提供的部分，用户能接触到的部分web前端开发中的“web”指的是：（）。

A:web系统B:web客户端C:web服务器D:Internet

答案:web系统网页常用的前台技术不包括（）

A:JAVASCRIPTB:HTMLC:CSSD:ASP

答案:ASP

项目二单元测试

HTML5之前的HTML版本是（）。

A:HTML4.1B:HTML4.01C:HTML4D:HTML4.9

答案:HTML4.01HTML5的正确doctype是（）。

A:<!DOCTYPEhtml>B:<!DOCTYPEHTML5>C:<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML5.0//EN"

答案:<!DOCTYPEhtml>关于下列两行HTML5代码，描述正确的是（）

A:前者是链接后在网页中显示图像，后者是在网页中直接显示图像B:两者都是在网页中直接显示图像C:两者都是将图像链接到网页D:前者是在网页中直接显示图像，后者是链接后在网页中显示图像

答案:前者是在网页中直接显示图像，后者是链接后在网页中显示图像命名锚记（）。

A:能链接同一网页的不同部分B:不能链接两个不同的网页C:其余选项都不对D:不能链接同一网页的不同部分

答案:能链接同一网页的不同部分在HTML中，已知test.html在目录D:\html下，top.jpg在D:\html\img目录下，在test.html中插入图片top.jpg语句正确的是（）。

A:<imgsrc="..\top.jpg">B:<imgsrc="..\img\top.jpg">C:<imgsrc="top.jpg">D:<imgsrc="img\top.jpg">

答案:<imgsrc="img\top.jpg">若要在页面中创建一个图像超链接，要显示的图像为logo.gif,链接地址“/",以下用法中正确的是（）。

A:<ahref=“/”><imgsrc=”logo.gif”></a>B:<ahref=“/”>logo.gif</a>C:<ahref=”/”><imgsrc=”logo.gif”>D:<imgsrc="logo.gif><ahref=”/”></a>

答案:<ahref=“/”><imgsrc=”logo.gif”></a>我们想要在框架中加入一个叫做list.htm的文件，应该在HTML中如何描述它？（）

A:framepage="list.htm"B:frametarget="list.htm"C:framesrc="list.htm"D:frameframepage="list.htm"

答案:framesrc="list.htm"在HTML中,以下代码所示的表格包含的单元格数量是（）。

A:3B:7C:9D:6

答案:7为解决浏览器对视频格式的兼容情况，可以使用（）标签为同一个媒体数据指定多个播放格式与编码方式。

A:<track>B:<video>C:<audio>D:<source>

答案:<source>

项目三单元测试

在下面的标签中，（）是HTML5新增的标签。

A:<header>B:<head>C:<break>D:<br>

答案:<header>在HTML5中，注释标签是（）。

A:/*···*/B://C:‘D:<!---->

答案:<!---->在HTML5中，列表不包括（）。

A:公用列表B:定义列表C:无序列表D:有序列表

答案:公用列表在HTML5文档中，使用（）标签标记定义列表。

A:<ul>B:<ol>C:<list>D:<dl>

答案:<dl>哪一个不是HTML5新增的语义化标记元素（）。

A:asideB:sectionC:headD:article

答案:head新的HTML5全局属性，"contenteditable"用于（）。

A:规定元素内容是否是可编辑的。B:返回内容在字符串中首次出现的位置。C:规定元素的上下文菜单。该菜单会在用户点击右键点击元素时出现。D:从服务器升级内容

答案:规定元素内容是否是可编辑的。以下哪个标签不是HTML5的语义化标签（）。

A:<section></section>B:<header></header>C:<article></article>D:<marquee></marquee>

答案:<marquee></marquee>如何在新窗口打开链接？（）

A:<ahref="url"target="_parent">B:<ahref="url"target="_blank">C:<ahref="url"new>D:<ahref="url"target="new">

答案:<ahref="url"target="_blank">下列属于块级元素的是（）。

A:divB:pC:aD:span

答案:div；p下列关于HTML5的标签默认值描述正确的是（）。

A:所有的标签都有结束标签B:li的默认值是display:list-itemC:hr的默认值是border:1pxinsetD:button,textarea，input，select的默认值是display:inline-block

答案:li的默认值是display:list-item；hr的默认值是border:1pxinset；button,textarea，input，select的默认值是display:inline-block

项目四单元测试

CSS的全称是（）。

A:CreativeStyleSheetsB:CascadingStyleSheetsC:ComputerStyleSheetsD:ColorfulStyleSheets

答案:CascadingStyleSheets以下HTML属性用来定义内联样式的是（）。

A:fontB:StyleC:classD:styles

答案:Style以下正确引用外部样式表的是（）

A:<stylesrc="mystyle.css">B:<linkrel="stylesheet"href="1.css">C:<stylesheet>mystyle.css</stylesheet>D:<linkrel="stylesheet"type="text/HTML"href="1.css">

答案:<linkrel="stylesheet"href="1.css">在CSS样式文件中注释正确的是（）。

A://thisisacomment//B:/*thisisacomment*/C:’thisisacommentD://thisisacomment

答案:/*thisisacomment*/关于CSS以下说法错误的是（）。

A:每个CSS样式必须由两部分组成，即选择器和样式声明B:属性是指定选择器所具有的属性C:选择器表示要定义样式的对象，可以是元素本身，或者是一类元素D:属性值是指数值加单位，例如25px

答案:属性值是指数值加单位，例如25px如果要在不同的网页中应用相同的样式表定义，应该（）。

A:直接在HTML的元素中定义样式表B:通过一个外部样式表文件定义样式表C:其余选项都可以D:在HTML的<head>标签中定义样式表

答案:通过一个外部样式表文件定义样式表下列哪种CSS样式定义的方式拥有最高的优先级？（）

A:导入B:行内C:嵌入D:链接

答案:行内以下的HTML中，哪个是正确引用外部样式表的方法？（）

A:其余选项都不对B:<stylesheet>mystyle.css</stylesheet>C:<linkrel="stylesheet"type="text/css"href="mystyle.css">D:<stylesrc="mystyle.css">

答案:<linkrel="stylesheet"type="text/css"href="mystyle.css">下列CSS语法结构，完全正确的是（）。

A:P{font-size:12;color:inherit;}B:P{font-size:12;color:inherit;}C:P{font-size:12px;color:inherit;}D:P{font-size:12px;color:inherit;}

答案:P{font-size:12px;color:inherit;}计算机三原色光是（）。

A:红B:绿C:黄D:蓝

答案:红；绿；蓝

项目五单元测试

‌选择具有attr属性且属性值以value开头的每个元素的属性选择器是（）。

A:E1[attr|=value]B:E1[attr=value]C:E1[attr^=value]D:E1[attr~=value]

答案:E1[attr^=value]下列CSS语法规则中正确的是（）

A:body:color=blackB:{body;color:black}C:body{color:black}D:{body:color=black}

答案:body{color:black}下面选择父元素的第1个子元素的是（）

A:E:nth-last-child(1)B:E:last-childC:E:nth-child(1)D:E:only-child

答案:E:nth-child(1)以下关于::after伪元素的说法正确的是（）。

A:::after伪元素在元素之后添加内容B:使用::after伪元素可能导致浮动元素塌陷C:::after伪元素只能应用于超链接标签D:::after不可以在元素之后添加指定链接的文件内容

答案:::after伪元素在元素之后添加内容将div类名以'c'开头元素添加文字为红色，书写正确的是（）。

A:div[class=c]{color:red}B:div[class=$c]{color:red}C:div[class=^c]{color:red}D:div[class=*c]{color:red}

答案:div[class=^c]{color:red}‏下列使用复合选择器声明CSS的方式中，正确的是（）。

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

答案:p,h1,a{color:inherit;}​阅读下面HTML代码，段落标签<p>内文本最终显示的颜色是（）。

A:#333B:#00fC:#666D:#f00

答案:#666以下是CSS3新增伪类的是（）

A::rootB::nth-of-type(n)C::emptyD::not()

答案::root；:nth-of-type(n)；:empty；:not()CSS选择器的优先级是!important>标签选择器>id>class。（）

A:对B:错

答案:错‏10、HTML元素的id值是唯一的，name值也是唯一的。（）

A:对B:错

答案:错

项目六单元测试

在以下选项中，可以正确定义所有p的字体为bold的是（）.

A:p{text-size:bold}B:p{font-weight:bold}C:<pstyle="font-size:bold">D:<pstyle="text-size:bold">

答案:p{font-weight:bold}CSS样式background-position:-5px10px代表的意义是（）

A:背景图片向右偏移5px，向上偏移10pxB:背景图片向左偏移5px，向上偏移10pxC:背景图片向右偏移5px，向下偏移10pxD:背景图片向左偏移5px，向下偏移10px

答案:背景图片向左偏移5px，向下偏移10px关于CSS样式中文本属性的说法，错误的是（）

A:font-family用来设置文本的字体类型B:text-align用来设置文本的字体形状C:font-size用来设置文本的字体大小D:color用来设置文本的颜色

答案:text-align用来设置文本的字体形状声明中，可以取消加粗样式的是（）。

A:font-weight:600;B:font-weight:bold;C:font-weight:normal;D:font-weight:bolder;

答案:font-weight:normal;关于text-indent,下列描述错误的是（）。

A:text-indent:left;B:text-indent:20px;C:text-indent:-20px;D:text-indent:2em;

答案:text-indent:left;以下声明中，可以隐藏对象的是（）。

A:display:blockB:display:noneC:display:inline-blockD:display:inline

答案:display:none下列关于网页元素overflow的说法，正确的是（）。

A:指网页元素的位置，距离右边框和下边框的距离B:指网页元素的位置，距离左边框和上边框的距离C:指网页元素的定位方式，可以取值中包括absoluteD:指网页元素的内容溢出时，是否显示多余的内容

答案:指网页元素的内容溢出时，是否显示多余的内容background是一个简写属性，可以包含以下哪几个属性？（）

A:background-imageB:background-repeatC:background-positionD:background-color

答案:background-image；background-repeat；background-position；background-color文字溢出显示省略号应该拥有那些属性（）

A:text-overflow:ellipsis;B:width:500pxC:white-space:nowrap;D:overflow:hidden;

答案:text-overflow:ellipsis;；width:500px；white-space:nowrap;；overflow:hidden;background-origin的值有哪些（）

A:content-boxB:border-boxC:noneD:padding-box

答案:content-box；border-box；padding-box

项目七单元测试

HTML中的元素可分为块状元素和行内元素，其中（）是块状元素。

A:<span>B:<a>C:<p>D:<b>

答案:<p>（）盒模型显示方式是弹性伸缩盒。

A:display:inline-blockB:display:blockC:display:flexD:display:inline

答案:display:flex在使用css3盒模型时，box-sizing属性设置为（），元素的宽度只是该元素内容的宽度，而不包括边框和内边距的宽度。

A:text-boxB:border-boxC:content-boxD:none

答案:content-box下述有关CSS属性position的属性值的描述，说法错误的是（）

A:relative：生成相对定位的元素，相对于元素本身正常位置进行定位。B:fixed：生成绝对定位的元素，相对于父元素进行定位C:static：没有定位，元素出现在正常的流中D:absolute：生成绝对定位的元素，相对于static定位以外的第一个祖先元素进行定位。

答案:fixed：生成绝对定位的元素，相对于父元素进行定位（）CSS属性改变元素的左边距？

A:indentB:marginC:text-indentD:margin-left

答案:margin-left设置一个<div>的宽度为200像素，高度为80像素，它的4个边框均为2像素的黑色虚线，上、右、下、左4个方向的外边距为10像素，则下列CSS正确的是（）。

A:div{width:200px;height:80px;border:2pxsolid#000000;margin:10px;}B:div{width:80px;height:200px;border:2pxsolid#000000;margin:10px0;}C:div{width:80px;height:200px;border:2pxdashed#000000;margin:010px;}D:div{width:200px;height:80px;border:2pxdashed#000000;margin:10px;}

答案:div{width:200px;height:80px;border:2pxdashed#000000;margin:10px;}在HTML页面中有一个class为nav的<div>,下面（）可以设置它向右浮动

A:.nav{float:right}B:.nav{clear:right}C:.nav{float:left}D:.nav{clear:left}

答案:.nav{float:right}下面关于盒模型定位的说法中错误的是（）。

A:相对定位是相对于元素的原有位置进行偏移，不会脱离标准文档流，也不会对其他元素产生任何影响B:静态定位表示块状元素保持在标准文档流中原来的位置，不做任何移动C:绝对定位以最近的一个已定位的父级元素为基准，若无父级元素或父级元素未定位，则以浏览器窗口为基准D:绝对定位不会脱离标准文档流，也不影响同一级元素的位置

答案:绝对定位不会脱离标准文档流，也不影响同一级元素的位置关于box-shadow说法正确的是（）。

A:第三个值是设置投影颜色的B:第二个值是设置水平距离的C:设置文字投影D:第一个值是设置水平距离的

答案:第一个值是设置水平距离的设置盒子圆角的属性是（）

A:borderB:box-shadowC:box-sizingD:border-radius

答案:border-radius

项目八单元测试

transform默认坐标系统的原点位置是（）

A:0%0%B:50%50%C:0%50%D:50%0%

答案:50%50%关于animation,下面说法中错误的是（）。

A:animation属性至少需要规定动画的名称和动画的时间B:必须在元素样式中通过animation属性使用@keyframes创建动画，否则不会产生动画效果C:关键帧的合法值是0~100D:用@keyframes创建动画

答案:关键帧的合法值是0~100设定一个元素按规定的动画执行，你需要运用（）规则？

A:transitionB:flashC:keyframesD:animation

答案:keyframes在HTML中，通过（）可以实现鼠标悬停在div上时，元素执行旋转45度效果

A:div:hover{transform:scale(1.5)}B:div:hover{transform:tanslate(50px)}C:div:hover{transform:rotale(45deg)}D:div:hover{transform:skew(45deg)};

答案:div:hover{transform:rotale(45deg)}使用css3过渡效果“transition:width.5sease-in.1s;”，其中“.5s”对应的属性是（）。

A:transition-property：对象中的参与过渡的属性B:transition-delay：对象延迟过渡的时间C:transition-duration：对象过渡的持续时间D:transition-timing-function：对象中过渡的动画类型

答案:transition-duration：对象过渡的持续时间transform不能够对元素进行变换的是（）。

A:缩放B:旋转C:移动D:背景

答案:背景如何让一个宽100px盒子在1秒的时间内宽度发生变化（）。

A:transition:width1slinear1sB:transition:width1sC:translate:width1sD:transform:width1s

答案:transition:width1stransition多个属性过渡需要使用什么分隔符隔开（）。

A:冒号B:空格C:逗号D:分号

答案:逗号下列说法正确的是（）。

A:transition-timing-function表示过渡的延时时间B:transition-timing-function表示过渡的时间曲线C:transition-timing-function表示过渡的属性D:transition-timing-function表示过渡的时间

答案:transition-timing-function表示过渡的时间曲线使用transition过渡的时候，必须指定的是：（）。

A:过渡的时间B:过渡的开始时间C:过渡的属性D:过渡的时间曲线

答案:过渡的时间；过渡的属性

项目九单元测试

在HTML5中，<formaction=?>中的action表示（）。

A:提交的URL地址B:表单的形式C:表单所用的脚本语言D:提交的方式

答案:提交的URL地址在HTML5中，（）属性用于规定输入字段是必填的。

A:placeholderB:formvalidateC:requiredD:Validate

答案:required若要产生一个4行30列的多行文本域，以下方法中正确的是（）.

A:<inputtype="text"rows="4"cols="30"name="txtintrol">B:<textarearows="30"cols="4"name="txtintro"></textarea>C:<textarearows="4"cols="30"name="txtintro"></textarea>D:<textarearows="4"cols="30"name="txtintro">

答案:<textarearows="4"cols="30"name="txtintro"></textarea>在HTML中,以下在表单中添加隐藏域的语句正确的是（）。

A:<inputtype="text"name="userid"value="看不见"/>B:<inputtype="file"name="userid"value="看不见"/>C:<inputname="userid"value="看不见"/>D:<inputtype="hidden"name="userid"value="看不见"/>

答案:<inputtype="hidden"name="userid"value="看不见"/>在表单中包含性别单选项，且默认状态为“男”被选中，下列正确的是（）

A:＜inputtype="radio"name="sex"enabled="checked"＞男B:＜inputtype="radio"name="sex"checked="checked"＞男C:＜inputtype="radio"name="sex"enabled="enabled"＞男D:＜inputtype="radio"name="sex"checked="enabled"＞男

答案:＜inputtype="radio"name="sex"checked="checked"＞男在HTML中,关于表单提交方式说法错误的是（）。

A:post比get方式安全B:action属性用来设置表单的提交方式C:post提交数据不会显示在地址栏，而get会显示D:表单提交有get和post两种方式

答案:action属性用来设置表单的提交方式在指定单选框时，只有将以下（）属性的值指定为相同，才能使它们成为一组。

A:valueB:typeC:nameD:Checked

答案:name创建选项菜单应使用以下标记符：（）。

A:INPUT和LABELB:INPUT和OPTIONC:SELECT和OPTIOND:INPUT

答案:SELECT和OPTION要使单选框或复选框默认为已选定，要在input标签中加（）属性。

A:selectedB:disabledC:checkedD:type

答案:checkedform元素的（）属性，可以关闭整个表单验证。

A:wrapB:autofocusC:patternD:novalidate

答案:novalidate

项目十单元测试

下列表达式成立的是（）。

A:parseInt(12.5)==parseFloat(12.5)B:typeofNaN=="number"C:isNaN("abc")==NaND:Number("123abc")==parseFloat("123abc")

答案:typeofNaN=="number"在JavaScript中，执行下面的代码后，num的值是（）。

A:4B:-1C:13D:0

答案:4执行下面代码，返回的值是（）。

A:4B:-1C:3D:2

答案:3Javascript中，回到上次一访问的页面，以下代码正确的是（）。

A:tory.to(-1)B:history.go(-2)C:history.back()D:history.forward()

答案:history.back()下面哪个不是JavaScript中document获取元素的方法？（）。

A:getElementsByTagNameB:getElementByIdC:getElementsByNameD:getElementsById

答案:getElementsById创建一个HTML元素节点，以下代码正确的是（）。

A:document.createTextNode(“td”)；B:document.createAttributeNode(“td”)；C:document.createElement(“td”)；D:document.createHtmlNode(“td”)；

答案:document.createElement(“td”)；在JavaScript中，'1555'+3的运行结果是（）。

A:1553B:1552C:15553D:1558

答案:15553下面代码输出正确的是（）。

A:3,3,NaNB:3,3,3C:otherD:3,NaN,NaN

答案:3,3,3向数组的开头添加一个或更多元素，并返回新的长度，在js中用到的函数是（）。

A:shift()B:pop()C:unshift()D:push()

答案:unshift()代码setTimeout("show",100)理解正确的是（）。

A:有语法错误，要去掉双引号B:表示每隔100毫秒调用一次show方法C:其余选项说法都不准确D:表示100毫秒后调用一次show方法

答案:表示100毫秒后调用一次show方法

项目十一单元测试

在jQuery中被誉为工厂函数的是（）。

A:ready()B:next()C:function()D:$()

答案:$()在jQuery中需要选取<p>元素里所有<a>元素，则下列选择器写法正确的是（）。

A:$("pa")B:$("p~a")C:$("p>a")D:$("p+a")

答案:$("pa")在jQuery中，移除节点类名为"box"下的div元素的方法是（）。

A:$(".boxdiv").remove();B:$("div").innerhtml("");C:$("div").innerHTML="";D:$(".boxdiv").empty();

答案:$(".boxdiv").remove();以下关于jQuery节点的说法中错误是（）

A:jQuery中用$(".box").insertBefore(ele1,ele2)给指定ele2前添加ele1元素B:jQuery中用$(".box").insertAfter(ele1,ele2)给ele2后添加ele1元素C:jQuery中用$(".box").append(ele)给box类后添加ele元素D:jQuery中用$(".box").appendTo(ele)给box类后添加ele元素

答案:jQuery中用$(".box").appendTo(ele)给box类后添加ele元素在jQuery中，下列关于事件的说法错误的是（）

A:jQuery中用hover来绑定鼠标经过事件B:jQuery中用on来给未来元素绑定事件C:jQuery中存在冒泡事件，故需要阻止冒泡D:jQuery中用onclick绑定点击事件

答案:jQuery中用onclick绑定点击事件在jQuery中，能够操作HTML代码及其文本的方法是（）

A:html()B:val()C:attr()D:text()

答案:html()下列选项关于jQuery中的淡入淡出动画效果描述错误的是（）

A:fadeToggle()通过不透明度的变化来开关所有匹配元素的淡入和淡出效果B:fadeOut()、fadeIn()、fadeToggle()的表示动画时长的参数只能为毫秒数C:fadeO

人人文库> 全部分类> 教育资料 > 考试试卷

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论