网页设计与制作（长江职业学院）知到智慧树答案

项目一单元测试项目二单元测试项目三单元测试项目四单元测试项目五单元测试项目六单元测试项目七单元测试项目八单元测试项目九单元测试项目十单元测试项目十一单元测试1【判断题】(2分)网站是网页的基本构成元素。（）。正确答案：BA.对B.错2【判断题】(2分)在Web标准中，行为标准主要包括xml和xhtml两个部分。（）。正确答案：BA.对B.错3【单选题】(2分)目前最新的HTML版本是（）。正确答案：CA.HTML4.0B.HTML2.0C.HTML5D.HTML1.04【单选题】(2分)HBuilder中，新建文件的快捷键是（）。正确答案：CA.Ctrl+SB.Alt+LC.Ctrl+ND.Ctrl+F5【多选题】(2分)制作网页时一般需要兼容以下哪些浏览器（）。正确答案：ACDA.火狐浏览器B.opera浏览器C.谷歌浏览器D.IE浏览器1【单选题】(2分)当图像不能显示时，可以用下列哪个属性设置替换文本（）正确答案：DA.headB.fontC.faceD.alt2【多选题】(2分)下面的选项中，属于网页上常用图片格式的是（）正确答案：ACDA.GIF格式B.PSD格式C.JPG格式D.PNG格式3【判断题】(2分)HTML5中，mark元素的主要功能是在文本中高亮显示某些字符，以引起用户注意。（）正确答案：AA.对B.错4【单选题】(2分)下列选项中，属于段落标签的是(

)正确答案：CA.<hn>标题文本</hn>B.<hr>标题文本</hn>C.<p>标题文本</p>D.<hr>标题文本</hr>5【单选题】(2分)下列标签中，用于设置文本斜体的是（

）正确答案：DA.<ins></ins>B.<del></del>C.<b></b>和<strong></strong>D.<i></i>和<em></em>1【单选题】(2分)在CSS中，用于设置首行文本缩进的属性是（）正确答案：BA.text-alignB.text-indentC.text-decorationD.text-transform2【单选题】(2分)在下列选项中，background-position属性值书写正确的是（）正确答案：BA.p{background-position:10top;}B.p{background-position:lefttop;}C.p{background-position:left10;}D.p{background-position:top10;}3【多选题】(3分)下列选项中，属于背景属性的是（）正确答案：BCDA.colorB.backgroundC.background-imageD.background-repeat4【多选题】(3分)在下面的选项中，符合CSS基础选择器的语法格式的是（）。正确答案：ABCDA.p{font-size:12px;}B..green{color:inherit;C.#myfont{font-weight:bold;}D.*{margin:0;padding:0;}5【单选题】(3分)下面的选项中,行内式CSS样式的基本语法格式正确的是（

）正确答案：CA.<标记名属性1:属性值1;属性2:属性值2;......>内容</标记名>B.<标记名style："属性1:属性值1;属性2:属性值2;......">内容</标记名>C.<标记名style="属性1:属性值1;属性2:属性值2;......">内容</标记名>D.<标记名style="属性1:属性值1,属性2:属性值2,......">内容</标记名>6【单选题】(3分)当<p>标记内嵌套<strong>标记时，就可以使用后代选择器对其中的<strong>标记进行控制，下列写法正确是（

）正确答案：AA.pstrong{color:inherit;B.p.strong{color:inherit;C.strong,p{color:inherit;D.strongp{color:inherit;7【单选题】(3分)页面上的div标签，其HTML代码为<divid="box"class="red">文字</div>，为其设置CSS样式如下：#box{color:blue;}.red{color:red;}那么，文字的颜色将显示为(

)正确答案：CA.红色B.白色C.蓝色D.黑色8【多选题】(3分)color属性用于定义文本的颜色，以下写法正确的是（

）正确答案：BDA.B.C.D.9【多选题】(3分)在CSS中，使用链入式引入CSS样式表，要通过设置<link/>标签的（

）属性。正确答案：ABCA.rel="stylesheet"B.type="text/css"C.href="css文件的路径"D.rel="sheetstyle"10【单选题】(3分)关于行内式引入CSS样式表，以下书写正确的是（

）正确答案：CA.<pstyle="font-size:12px,color:inherit;B.<pstyle=font-size:12px;color:inherit;C.<pstyle="font-size:12px;color:inherit;D.<pstyle="font:12px;color:inherit;1【判断题】(2分)创建锚点链接包括创建链接文本和设置跳转目标位置两个步骤。（）正确答案：BA.错B.对2【单选题】(2分)关于定义无序列表的基本语法格式，下列书写正确的是（

）。正确答案：DA.<ul>列表项1列表项2</ul>B.<ul>列表项1</ul><ul>列表项2</ul>C.<ul><ul>列表项1</ul><ul>列表项2</ul>......</ul>D.<ul><li>列表项1</li><li>列表项2</li>......</ul>3【单选题】(2分)在定义列表中，用于对名词进行解释和描述的标签是（

）。正确答案：DA.<dl></dl>B.<li></li>C.<dt></dt>D.<dd></dd>4【单选题】(2分)关于list-style-image属性的基本格式，下列书写正确的是（

）。正确答案：DA.list-style-image:src(图片位置);B.list-style-image:<imgsrc=”图片位置”>;C.list-style-image:(图片位置);D.list-style-image:url(图片位置);5【判断题】(2分)在超链接中，如果暂时没有确定链接目标，通常将<a>标签的href属性值定义为“*”。正确答案：BA.对B.错1【单选题】(2分)在下列选项中，对代码“margin:10px020px;”解释正确的是（）。正确答案：CA.上间距10px，左间距0，右间距20pxB.上下间距10px，左间距0，右间距20pxC.上间距10px，左右间距0，下间距20pxD.上间距10px，左间距0，右下间距20px2【单选题】(2分)如果有两个上下并列关系的盒子，上面盒子的下外边距是30px，下面盒子的上外边距是20px，那么这两个盒子之间的间距是（）。正确答案：BA.20像素B.30像素C.50像素D.10像素3【单选题】(2分)下列样式代码中，用于定义盒子上边框为1像素、蓝色、单实线的是（）。正确答案：DA.border:1pxsolidblue;B.border:1pxdashedblue;C.border-top:1pxdashedblue;D.border-top:1pxsolidblue;4【判断题】(2分)默认情况下块元素会独自占据一整行或多整行。（）正确答案：AA.对B.错5【判断题】(2分)每个元素都必须定义内边距、边框、外边距等盒子模型的基本属性。（）正确答案：BA.对B.错1【单选题】(2分)下列样式代码中，可以实现静态定位模式的是（）。正确答案：DA.position:fixed;B.position:relative;C.position:absolute;D.position:static;2【单选题】(2分)下列样式代码中，可用于清除子元素浮动对父元素影响的是（）。正确答案：DA.overflow:visible;B.clear:center;C.clear:both;D.overflow:hidden;3【单选题】(2分)在CSS中，clear属性用于清除浮动，下列属于clear清除两端浮动的属性值是（）正确答案：AA.bothB.centerC.leftD.right4【判断题】(2分)当position属性的取值为absolute时，可以将元素的定位模式设置为绝对定位。（）正确答案：AA.对B.错5【判断题】(2分)不可以通过边偏移属性更改相对定位元素的位置。（）正确答案：BA.对B.错1【单选题】(2分)下列选项中，用来设置行背景颜色的是（）。正确答案：DA.alignB.heightC.backgroundD.bgcolor2【单选题】(2分)下面的代码中，可以设置单元格宽度的是（）。正确答案：DA.td{line-height:50px;}B.td{height:50px;}C.td{font-size:50px;}D.td{width:50px;}3【单选题】(2分)下列属性中，用来设置单元格横跨列数的是（）。正确答案：AA.colspanB.widthC.rowspanD.bgcolor4【多选题】(3分)关于单元格边距的描述，下列说法正确的是（）。正确答案：ACDA.cellpadding控制单元格内容与边框之间的距离B.设置相邻单元格边框之间的距离使用margin属性C.设置相邻单元格边框之间的距离只能使用cellspacing属性D.使用padding属性可以拉开单元格内容与边框之间的距离5【多选题】(3分)下列选项中，属于表单构成的基本元素是（）。正确答案：ABCA.表单控件B.表单域C.提示信息D.文本域6【多选题】(3分)关于input控件类型的描述，下列说法正确的是（）。正确答案：ABCDA.color类型用于提供设置颜色的文本框B.email类型的input控件是一种专门用于输入E-mail地址的文本输入框C.url类型的input控件是一种用于输入URL地址的文本框D.tel类型用于提供输入电话号码的文本框7【判断题】(2分)通过设置单元格的width和height属性可以调整单元格的宽度和高度，且单元格之间互不影响。（）正确答案：BA.对B.错1【判断题】(2分)视频正常播放是触发played事件。（）正确答案：AA.错B.对2【判断题】(2分)目前为止没有一种视频格式让所有浏览器都支持。（）正确答案：AA.对B.错3【单选题】(2分)下列选项中，用于嵌套在<video>中，指定不同文件路径的标签是（

）。正确答案：BA.<srcs>B.<source>C.<sources>D.<src>4【单选题】(2分)下列选项中，关于<video>标签的描述，错误的是（

）。正确答案：CA.src和controls是<video>标签的基本属性B.<video>标签来定义视频播放器C.width和height是<video>标签的必须属性D.src属性用于设置视频文件的路径5【多选题】(2分)下列选项中，关于<source>的描述中，正确的是（

）正确答案：BDA.<source>标签只能和<video>标签搭配使用B.<source>标签的src属性用于指定文件路径C.同时使用多个<source>标签需要应用相同的视频格式D.<source>标签对于音频文件同样适用，需要把video改成audio6【判断题】(2分)<video>标签和<audio>标签均支持循环播放的功能。正确答案：AA.对B.错1【单选题】(3分)弹性盒布局中，flex-direction的默认值为（）。正确答案：BA.row-reverseB.rowC.column-reverseD.column2【单选题】(3分)下列选项中，在配置视口属性时用于设置最小缩放比例的选项为（）。正确答案：CA.initial-scaleB.device-widthC.minimum-scaleD.user-scalable3【单选题】(3分)下列选项中，关于栅格系统的说法，错误的是（）。正确答案：CA.栅格系统是一种响应式设计的实现方式B.对于前端开发来说，栅格系统的使用能让网页更加灵活与规范C.栅格系统是一个用于响应式设计的组件D.对于网页设计来说，栅格系统的使用可以让网页的信息呈现更加美观、易读4【判断题】(2分)任何时候都要应用百分比布局，它已经完全替代了固定布局。（）正确答案：BA.对B.错5【判断题】(2分)在媒体查询的条件表达式中，min-前缀表示小于。（）正确答案：BA.对B.错6【判断题】(2分)使用了媒体查询的页面，当重置浏览器大小的过程中，页面也会根据浏览器的宽度和高度重新渲染页面。（）正确答案：AA.对B.错1【单选题】(3分)下列选项中，可以实现元素水平方向位移的是（）。正确答案：CA.translate(x,y)B.translateY(x)C.translateX(x)D.translateZ(x)2【单选题】(3分)在timing-function中，表示以相同速度开始至结束的过渡效果（等于cubic-bezier(0,0,1,1)）的是（）。正确答案：BA.ease-inB.linearC.easeD.ease-out3【单选题】(3分)在animation中，规定动画完成一个周期所花费时间规定动画完成一个周期所花费时间的是（）。正确答案：AA.animation-durationB.animation-iteration-countC.animation-delayD.animation-name4【判断题】(2分)