[Web前端技术教学]《基于Web标准的网页设计与制作》试题及答案一、单项选择:(每题1.5分,共69分)1.html语言中,创建一个位于文档内部的锚点的语句是:()A.name=“NAME”B.name=“NAME”/nameC.aname=“NAME”/aD.aname=“#NAME”/a答案:C2.html中的元素可分为块级(block)元素和行内(inline)元素,下列哪个元素是块级元素:()A.pB.bC.aD.span答案:A3.下列哪条html语句的写法符合XHTML规范:()A.brB.imgsrc=”photo.jpg”/C.IMGsrc=”photo.jpg”/IMGD.imgsrc=photo.jpg/img答案:B4.在编辑网页时,按“Ctrl+Shift+空格键”插入的HTML源代码为:()A. B. C.&sbnpD.&sbnp;答案:B5.title/title标记一般包含在_____标记中。()A.head/headB.p/pC.body/bodyD.table/table答案:A6.要在新窗口打开一个链接指向的网页需用到()A.href=“_blank”B.Name=“_blank”C.target=“_blank”D.href=“#blank”答案:C7.特殊符号©(版权符号)对应的源代码是:()A.Copy;B.©;C.Copyright;D.©right;答案:B8.在网页中经常用的图像格式是:()A.gif,jpg和pngB.gif,bmp和pngC.bmp,jpg和pngD.psd,gif和png答案:A9.关于JavaScript语言,下列说法中错误是:()A.JavaScript语言是一种解释性语言B.JavaScript语言与操作环境无关C.JavaScript语言与客户端浏览器无关D.JavaScript是动态的,它可以直接对用户输入做出响应答案:C10.如何能够定义列表的项目符号为实心矩形?()A.list-type:squareB.type:2C.type:squareD.list-style-type:square答案:D11.下列哪种CSS属性不能让页面在浏览器中居中显示(网页中所有可显示的元素都包含在一个id为container的div盒子内)()A.#container{margin:0auto;width:780px;}B.#container{position:relative;width:780px;left:50%;margin-left:-390px;}C.#container{margin:0auto;width:85%;}D.#container{position:relative;width:780px;right:50%;margin-left:390px;}答案:D12.下列哪条CSS样式规则是不正确的:()A.img{float:left;margin:20px;}B.img{float:right;width:120px;height:80px;}C.img{float:right;right:30;}D.img{float:left;margin-bottom:2em;}答案:C13.CSS是利用什么XHTML标记构建网页布局?()A.dirB.divC.disD.dif答案:B14.在CSS语言中下列哪一项的适用对象是所有对象?()A.背景附件B.文本排列C.纵向排列D.文本缩进答案:A15.下列选项中不属于CSS文本属性的是()A.font-sizeB.text-transformC.text-alignD.line-height答案:D16.在CSS中不属于添加在当前页面的形式是()A.内联式样式表B.嵌入式样式表C.层叠式样式表D.链接式样式表答案:D17.在CSS语言中下列哪一项是列表样式图象的语法?()A.width:值B.height:值C.white-space:值D.list-style-image:值答案:D18.下列哪一项是CSS正确的语法构成?()A.body:color=blackB.{body;color:black}C.body{color:black;}D.{body:color=black(body}答案:C19.下面哪个CSS属性是用来更改背景颜色的?()A.background-color:B.bgcolor:C.color:D.text:答案:A20.怎样给所有的h1标签添加背景颜色?()A..h1{background-color:#FFFFFF}B.h1{background-color:#FFFFFF;}C.h1.all{background-color:#FFFFFF}D.#h1{background-color:#FFFFFF}答案:B21.下列哪个CSS属性可以更改样式表的字体颜色?()A.text-color=B.fgcolor:C.text-color:D.color:答案:D22.下列哪个CSS属性可以更改字体大小?()A.text-sizeB.font-sizeC.text-styleD.font-style答案:B23.下列哪段代码能够定义所有P标签内文字加粗?()A.pstyle=text-size:boldB.pstyle=font-size:boldC.p{text-size:bold}D.p{font-weight:bold}答案:D24.如何去掉文本超级链接的下划线?()A.a{text-decoration:nounderline}B.a{underline:none}C.a{decoration:nounderline}D.a{text-decoration:none}答案:D25.如何设置英文首字母大写?()A.text-transform:uppercaseB.text-transform:capitalizeC.样式表做不到D.text-decoration:none答案:B26.下列哪个CSS属性能够更改文本字体?()A.f:B.font=C.font-family:D.text-decoration:none答案:C27.下列哪个CSS属性能够设置文本加粗?()A.font-weight:boldB.style:boldC.font:bD.font=答案:A28.CSS中,padding:10px20px30px40px代表的填充值顺序分别是:A.上、右、下、左B.上、下、左、右C.上、左、下、右D.左、右、上、下答案:A29.下列哪个属性能够设置盒模型的左侧外补丁?()A.margin:B.indent:C.margin-left:D.text-indent:答案:C30.定义盒模型外补丁的时候是否可以使用负值?()A.是B.否答案:A31.常见的JavaScript框架有jQuery、Prototype、Moottools、ExtJS和Spry等。目前jQuery最受开发者追捧,Spry框架是DWCS3中新增的功能。A.正确B.错误答案:A32.网页的本质是()文件。A.图像B.纯文本C.可执行文件D.图像和文本的压缩答案:B33.不是动态网页的特点的一项是:A.动态网页可每次显示不同的内容B.动态网页中含动画C.动态网页中含有服务端代码D.动态网页一般需要数据库支持答案:B34.CSS长度单位有绝对单位、相对单位和百分比。下列说法正确的是:A.px指屏幕的像素,它是相对单位B.pt指屏幕的像素,它是相对单位C.pt指屏幕的像素,它是绝对单位,屏幕上尺寸不随屏幕分辨率的改变而改变D.pt在印刷行业中常见,是相对单位答案:A35.实现图文混排及首字下沉效果最好的技术方法是:A.浮动B.相对定位C.绝对定位D.以上都对答案:A36.CSS长度单位有绝对单位、相对单位和百分比。下列说法正确的是:A.px指屏幕的像素,它是绝对单位.B.pt指屏幕的像素,它是相对单位.C.pt指point,它是绝对单位,打印出的尺寸不随屏幕分辨率的改变而改变.D.pt在印刷行业中常见,是相对单位答案:C37.position默认值为static。表示:A.表示不使用定位属性定位B.表示以浏览器窗口为基准进行绝对定位答案:A38.关于CSS,正确的是:A.边界margin值可为负,填充padding指不可为负B.对行内元素设置width或height值也是起作用的C.使用CSS,只能使用div/div进行结构设计D.margin可以单独设置背景颜色答案:A39.当两个块级元素的盒子上下排列时,它们之间的边界(margin)将发生合并,而左右排列时不会。A.正确B.错误答案:A40.JavaScript是一种基于对象的语言,而不是面向对象的语言。A.正确B.错误答案:A41.JavaScript是事件驱动的语言。A.正确B.错误答案:A42.JavaScript变量名不能是关键字或保留字,不区分大小写。A.正确B.错误答案:B43.document对象即属于BOM,又属于DOM。A.正确B.错误答案:A44.对DOM标准支持最好的浏览器是IE。A.正确B.错误答案:B45.常用的HTML事件中,onBlur的描述是:任何元素或窗口失去焦点时触发。A.正确B.错误答案:A46.可以使用DOM动态操作CSS属性。A.正确B.错误答案:A二、填空:(每空1分,共15分。)1.HTML代码中常见的单标记有()和()。答案:br/hr/2.()标记用来创建一个标有数字的列表;()标记用来创建一个标有黑点的列表,两种列表可以使用CSS属性list-style-type进行转换,()标记用来创建一个列表项。答案:olulli3.有一a元素结构为ahref=#b首页/b/a,它的CSS样式如下,请在下划线处填写代码注释:a{font-size:14px;text-decoration:none;/*1:*/background-image:url(xxwlzx/yuanjiao2.gif);height:32px;padding-left:24px;display:block;/*2:*/float:left;/*3:*/line-height:32px;/*4:*/}b{background-image:url(xxwlzx/yuanjiao2.gif);background-position:righttop;/*5:*/display:block;width:60px;}答案:1:清除超链接的下划线2:将a标记以块级元素显示3:让a标记左浮动4:将行高和高设为相同,实现盒子中的文字垂直居中5:让背景图片从右下角开始显示6.下列各项描述的定位方式是什么?(填写static、relative、aboslute或fixed中的一项或多项)1)元素在标准流中的位置会被保留。()2)能够通过z-index属性该表元素的层叠次序。()3)元素以它的包含框为定位基准。()4)元素相对于它原来的位置为定位基准。()5)元素在标准流中的位置会被其它元素占据。()答案:1)元素在标准流中的位置会被保留。relative2)能够通过z-index属性该表元素的层叠次序。abosluterelativefixed3)元素以它的包含框为定位基准。aboslute4)元素相对于它原来的位置为定位基准。relative5)元素在标准流中的位置会被其它元素占据。aboslutefixed三、问答题(共16分)1.CSS中的选择器有很多种类型,写出下列选择器的类型和作用:(10分)1)a:hover2)a.hover3)a:hoverb4)a.hoverb答:1)a:hover