Web前端开发任务式教程(HTML5+CSS3)(微课版) 随堂测试答案_第1页
Web前端开发任务式教程(HTML5+CSS3)(微课版) 随堂测试答案_第2页
Web前端开发任务式教程(HTML5+CSS3)(微课版) 随堂测试答案_第3页
Web前端开发任务式教程(HTML5+CSS3)(微课版) 随堂测试答案_第4页
Web前端开发任务式教程(HTML5+CSS3)(微课版) 随堂测试答案_第5页
已阅读5页,还剩5页未读 继续免费阅读

下载本文档

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

文档简介

随堂测试1以下哪个元素不是块元素,不能独占一行?(D)A.<h3>B.<div>C.<p>D.<br>以下哪种是HTML文件注释的写法?(A)A.<!---->B./**/C.//D.""以下哪个不属于HTML文件的基本组成部分(A)A.<style></style>B.<body></body>C.<html></html>D.<head></head>以下哪段代码可以设置红色、宽度为1px的水平线?(B)A.<hrwidth="1"color="#F00"/>B.<hrsize="1"color="#F00"/>C.<hrwidth="1"color="#00F"/>D.<hrsize="1"color="#00F"/>以下哪个说明是正确的?(D)A.HTML是结构标准B.HTML是表现标准C.HTML是行为标准D.结构标准里不能出现样式定义以下哪个说明是错误的?(B)A.title元素说明HTML文件的标题B.meta元素不能定义搜索引擎的信息C.<metahttp-equiv="charset"content="utf-8"/>定义文件的编码方式为utf-8D.<metacharset="utf-8">定义文件的编码方式为utf-8HTML的精确含义是什么?(A)A.超文字标记语言(HyperTextMarkupLanguage)B.家庭工具标记语言(HomeToolMarkupLanguage)C.超链接和文字标记语言(HyperlinksandTextMarkupLanguage)D.网页设计文字语言以下哪个是Web标准的制定者?(B)A.微软(Microsoft)B.万维网联盟(W3C)C.网景公司(Netscape)D.谷歌公司(Google)在HTML中,以下哪个标题最大?(D)A.<h6>B.<head>C.<heading>D.<h1>以下哪个元素能够实现文字换行的功能?(A)A.<br>B.<continue>C.<break>D.<return>以下哪个不是HTML文件的主流编辑器?(D)A.HBuilderB.VSCodeC.DreamweaverD.NotePad以下哪个元素书写有错误?(A)A.<p/>B.<br/>C.<hr/>D.<img/>以下哪个实体可以输出引号(C)A.>B.©C."D. 以下哪个实体可以输出空格(D)A.<B.×C."D. 以下哪种方式定义标题最合适?(C)A.<big>文章标题</big>B.<p><b>文章标题</b></p>C.<h1>标题</h1>D.<div>文章标题</div>以下哪个HTML元素能够预定义文字格式?(A)A.<pre>B.<q>C.<dfn>D.<cite>以下哪个HTML元素能产生斜体字?(A)A.<i>B.<italics>C.<ii>D.<li>以下哪个HTML元素能产生上标文字?(B)A.<sub>B.<sup>C.<small>D.<dfn>关于WEB标准下列说法正确的是(C)A.HTML决定网页的行为,CSS决定网页的样式,js决定网页的结构B.HTML决定网页的样式,CSS决定网页的结构,js决定网页的行为C.HTML决定网页的结构,CSS决定网页的样式,js决定网页的行为D.以上都不正确随堂测试2以下哪个不是图像对齐属性的合法取值?(C)A.topB.leftC.centerD.middle以下哪段代码可以产生网页超链接?(B)A.<aurl="">W3S</a>B.<ahref="">W3School</a>C.<a></a>D.<aname="">W3S</a>以下哪段代码可以产生电子邮件链接?(C)A.<ahref="xxx@yyy">B.<mailhref="xxx@yyy">C.<ahref="mailto:xxx@yyy">D.<mail>xxx@yyy</mail>以下哪段代码可以在新窗口打开链接?(B)A.<ahref="url"new>B.<ahref="url"target="_blank">C.<ahref="url"target="new">D.<ahref="url"target="framename">以下哪个元素可以产生带有数字列表符号的列表?(C)A.<ul>B.<dl>C.<ol>D.<list>以下哪个元素可以产生带有圆点列表符号的列表?(D)A.<dl>B.<list>C.<ol>D.<ul>以下哪段代码可以在网页中插入图像?(C)A.<imghref="image.gif">B.<imagesrc="image.gif">C.<imgsrc="image.gif">D.<img>image.gif</img>以下哪种图像格式不能嵌入在HTML文件中?(B)A.*.gifB.*.tifC.*.bmpD.*.jpg以下哪个说法是错误的?(D)A.属性定义在标签开头中,表示该标签的性质和特性。B.属性以“属性名=“值””的形式来表示。C.一个标签可以指定多个属性。D.元素中指定多个属性时需要注意属性的顺序。以下关于img元素的src属性,说法正确的是(C)A.用来设置图像的格式B.用来设置图像的所在位置C.用来设置图像的所在位置D.用来设置图像是否能正确显示随堂测试3以下选项中,哪一个全部是表格元素?(B)A.table、head、tfootB.table、tr、tdC.table、tr、ttD.thead、body、tr以下哪个元素的设置能够使单元格内容左对齐?(A)A.<tdalign="left">B.<tdvalign="left">C<tdleftalign>D.<tdleft>以下哪个元素定义可以生成复选框?(C)A.<inputtype="check">B.<checkbox>C<inputtype="checkbox">D.<check>以下哪个元素定义可以生成文本框?(B)A.<inputtype="textfield">B.<inputtype="text">C<inputtype="text">D.<textfield>以下哪个元素定义可以生成下拉列表?(D)A.<list>B.<inputtype="list">C<inputtype="dropdown">D.<select>以下哪个元素定义可以生成文本区域?(A)A.<textarea>B.<inputtype="textarea">C<inputtype="textbox">D.<inputtype="text">随堂测试4CSS的全称是什么?(B)A.ComputerStyleSheetsB.CascadingStyleSheetsC.CreativeStyleSheetsD.ColorfulStyleSheets以下哪种写法可以正确引用外部样式表?(B)A.<stylesrc="mystyle.css">B.<linkrel="stylesheet"type="text/css"href="mystyle.css">C.<stylesheet>mystyle.css</stylesheet>D.@importsrc(URL)在HTML文件中,以下哪个是正确引用外部样式表的位置?(D)A.文件的末尾B.文件的顶部C.<body>部分D.<head>部分以下哪个HTML元素用于定义内部样式表?(A)A.<style>B.<script>C.<css>D.<link>以下哪个HTML属性用来定义内联样式?(D)A.fontB.classC.stylesD.style以下哪个写法符合CSS语法格式?(C)A.body:color=blackB.{body:color=black(body}C.body{color:black;}D.{body;color:black}以下哪种写法可以在CSS文件中插入注释?(C)A.//thisisacommentB.//thisisacomment//C./*thisisacomment*/D.'thisisacomment以下哪个样式定义可以为所有的h1元素添加背景颜色?(B)A.h1.all{background-color:#FFFFFF}B.h1{background-color:#FFFFFF}C.all.h1{background-color:#FFFFFF}D.h1{background-color=#FFFFFF}以下哪个定义能够改变元素的文字颜色?(C)A.text-color:B.fgcolor:C.color:D.text-color=以下哪个属性可以设置字体的大小?(A)A.font-sizeB.text-styleC.font-styleD.text-size以下哪个样式定义可以使所有p元素的字体定义为粗体?(C)A.<pstyle="font-size:bold">B.<pstyle="text-size:bold">C.p{font-weight:bold}D.p{text-size:bold}以下哪个样式定义可以使a元素没有下划线?(A)A.a{text-decoration:none}B.a{text-decoration:nounderline}C.a{underline:none}D.a{decoration:nounderline}以下哪个定义能够改变元素的字体?(C)A.font=B.f:C.font-family:D.font-weight:以下哪个定义能够使文字字体显示为粗体?(B)A.font:bB.font-weight:boldC.style:boldD.font-size:large以下关于样式优先级的规则哪个是正确的?(B)A.内联样式>!important>内部样式表>外部样式表B.!important>内联样式>内部样式表和外部样式表C.!important>内联样式>内部样式表>外部样式表D.以上都不正确以下哪个属性能够设置段落的行首缩进?(C)A.text-transformB.text-alignC.text-indentD.text-decoration以下哪个规则可以将类名以'c'开头的div元素的文字设为红色(A)A.div[class=^c]{color:red}B.div[class=$c]{color:red}C.div[class=c]{color:red}D.div[class=*c]{color:red}以下哪种定义可以使列表带有正方形项目符号?(D)A.list-type:squareB.type:solidC.type:squareD.list-style-type:square随堂测试5以下哪种定义可以使元素边框的宽度分别为:上边框10像素、下边框5像素、左边框20像素、右边框1像素?(D)A.border-width:10px5px20px1pxB.border-width:10px20px5px1pxC.border-width:5px20px10px1pxD.border-width:10px1px5px20px以下哪个属性可以定义元素的左边距?(D)A.text-indent:B.indent:C.margin:D.margin-left:以下关于边距的说法哪个是正确的?(A)A.padding属性定义元素内容与边框间的空间B.padding属性可以使用负值C.padding属性值不能是3个值,只能是1个、2个或4个D.padding属性定义元素之间的空间以下关于box-shadow属性的说明哪个是正确的?(B)A.只能设置文字阴影B.第一个值是设置水平距离的C.第二个值是设置水平距离的D.第三个值是设置投影颜色的以下哪个属性可以将元素设置为圆角边框?(C)A.box-sizingB.box-shadowC.border-radiusD.border想要把块元素转换成行内块元素,以下哪个代码是正确的?(B)A.display:block;B.display:inline-block;C.display:inline;D.display:none;想要绘制一个圆形,可以将一个正方形的属性写为以下哪个?(A)A.border-radius:50%;B.border-radius:20px20px20px20px;C.border-radius:20px;D.border-radius:20px20px;关于元素占用网页的宽度空间,以下哪个公式是正确的?(D)A.widthB.padding-left+width+padding-rightC.border-left+width+border-rightD.border-left+padding-left+width+padding-right+border-right以下哪个不是display属性的合法取值?(A)A.invisibleB.blockC.inlineD.inline-blockdisplay属性取以下哪个值可以使元素不可见?(D)A..hiddenB.blockC.invisibleD.none随堂测试6以下哪个定义可以为网页添加背景颜色?(C)A.<bodycolor="yellow">B.<background>yellow</background>C.<bodybgcolor="yellow">D.<bodybackground-color:yellow>以下哪个定义可以为网页插入背景图像?(A)A.<bodybackground="background.gif">B.<backgroundimg="background.gif">C.<imgsrc="background.gif"background>D.<bodybground="background.gif">以下哪个属性不可以用于改变背景的颜色?(C)A.bgcolorB.background-colorC.colorD.background随堂测试7以下关于元素位置偏移属性的说法哪个是错误的?(B)A.位置偏移值不指定,则默认为不偏移B.垂直方向偏移值使用up或down属性指定C.垂直方向偏移值使用top或bottom属性指定D.位置偏移值值可以使用负数以下关于元素相对和绝对定位的说法哪个是错误的?(C)A.absolute设置元素绝对定位,没有父级定位元素其定位基准是浏览器窗口B.relative设置元素相对定位,元素相对于其普通流位置偏移C.relative设置元素相对定位,元素相对于定位父级位置偏移D.absolute设置元素绝对定位,元素相对于定位父级或浏览器偏移以下关于元素定位的说法哪个是错误的?(C)A.static为默认定位,元素按照普通流进行布局B.粘性定位的位置基准有阈值,在相对和固定定位之间切换C.粘性定位没有位置基准D.固定定位的位置基准是浏览器窗口使用以下哪种定位可以保持两个元素的相对位置不变?(B)A.相对定位B.子绝父相定位C.固定定位D.绝对定位使用以下哪种定位可以使元素固定在浏览器的某个位置?(C)A.相对定位B.子绝父相定位C.固定定位D.绝对定位以下哪种样式设计不能在网页中实现两个元素的重叠效果?(B)。A.z-index属性B.容器属性C.绝对定位与相对定位属性D.固定定位属性已知HTML代码如下,哪个样式设置可以使文字置于图像上方?(D)<divclass="text">文字</div><div><imgsrc="img/图像.jpg"/></div>A..text{position:absolute;z-index:-1;}B..text{position:relative;z-index:-1;}C..text{position:relative;z-idnex:1;}D..text{position:absolute;z-index:1;}以下代码段中关于z-index属性的说法正确的是(C)。<styletype="text/css">.tipText{display:none;position:absolute;z-index:2;left:10px;top:36px;}</style><body><divclass="tipText"><imgsrc="tip.jpg"</div></body>A.z-index属性值的值取值范围为0-100B.必须设置z-index属性,否则会出现语法错误C.将z-index属性设置为2或-2效果是一样的D.z-index属性用于改变元素的左右位置使用无序列表定义导航菜单时,以下哪个属性可以定义菜单的叠放次序?(C)A.list-styleB.paddingC.z-index D.float随堂测试8设置元素指定时间节点的样式使用什么规则?(B)A.animationB.keyframesC.flashD.transition以下哪个语句可以实现鼠标悬停在div元素上时元素有45度旋转的效果?(A)A.div:hover{transform:rotate(45deg)}B.div:hover{transform:tanslate(50px)}C.div:hover{transform:scale(1.5)}D.div:hover{transform:skew(45deg)};以下哪个属性可以使动画一直执行?(B)A.animation-directionB.a

温馨提示

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

评论

0/150

提交评论