《HTML5网页设计》练习（合集）.docx

《《HTML5网页设计》练习（合集）.docx》由会员分享，可在线阅读，更多相关《《HTML5网页设计》练习（合集）.docx（11页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、练习3一、填空题1、在CSS中，设置h2标记字号为16像素且显示红色字体的代码为 o2、行内式也称为内联样式，是通过标记的 属性来设置元素的样式。3、在CSS中，用于设置行间距的属性是，一般称为行高。4、text-decoration是文本修饰属性，其属性值 是用来设置下划线的。5、id选择器使用 进行标识，后面紧跟id名。二、判断题1、书写CSS样式时，多个属性之间必须用英文状态下的分号隔开，最后一个属性后的 分号可以省略。（）2、在CSS代码中，空格是不被解析的。因此，属性的值和单位之间允许出现空格。（）3、在编写CSS代码时，为了提高代码的可读性，通常需要加CSS注释语句。（）4、行内式

2、CSS样式是通过标记的属性来控制样式的，没有做到结构与表现的别离，所 以一般很少使用。（）5、在链入式CSS样式中，一个HTML页面只能引入一个样式表。（）6、CSS基础选择器仅有三种，分别是标记选择器、类选择器、id选择器。（）7、text-align属性用于设置文本内容的水平对齐，可适用于所有元素。（）8、在CSS中，元素的宽高属性具有继承性。（）9、在CSS中，元素的边框属性不具有继承性。（）10、word-spacing属性用于定义英文单词之间的间距，对中文字符无效。（）三、选择题1、下面的选项中，CSS样式规那么的具体格式正确的选项是（）。A、选择器属性1:属性值1;属性2:属性值2

3、属性3:属性值3B、选择器属性1:属性值1,属性2:属性值2,属性3:属性值3;C、选择器属性1:属性值1;属性2:属性值2;属性3:属性值3;D、选择器属性1:属性值1属性2:属性值2属性3:属性值32、下面的选项中，CSS样式书写正确的选项是（）A、p font-size:12px;color:red; B、p font-size=12px;color=redC、p font-size:12px;D、p font-size:12;color:red;3、当标记内嵌套（strong标记时，就可以使用后代选择器对其中的strong标记进行控 制，以下写法正确是（）A、strong pcolor

4、:red;B、p strongcolor:red;C、strong,pcolor:red;D、p.strongcolor:red;4、在行内式CSS样式中，标记可以设置元素的样式，它一般位于（）标记中标记之后。A、 B、 C、 D、 5、text-decoration属性用于设置文本的下划线，上划线，删除线等装饰效果，其可用属性值 有（）A none B、underline C、overline D、line-through6、color属性用于定义文本的颜色，以下写法正确的选项是（）A、h2color: red;B、h2 color: red;7、JavaScript中的onsubmit事件

5、的作用是()。A.当一个表单中的对象被点击时，执行的JavaScript事件B.当用户提交一个表单时，需要执行的JavaScript事件C.当鼠标移出对象时发生的事件D.对象发生改变时调用的事件8、在JavaScript中,命令按钮(Button)支持的事件包括()A. onClick B. onChange C. onSelect D. onLoad9、在JavaScript中，以下()语句能正确获取系统当前时间的小时值。A.var date=new date(); var hour=date.getHour();B.var date=new Date(); var hour=date.ge

6、thours();C.var date=new date(); var hour=date.getHours();D.var date=new Date(); var hour=date.getHours();10、以下选项中，()不是网页中的事件。A.onclickB.onmouseoverC.onsubmitD.onpressbuttonC、h2color: #F60;D、h2 color: #FF6600;7、在CSS中，用于设置首行文本缩进的属性是（）A、text-decorationB、text-alignC、text-transformD text-indent8、text-ali

7、gn属性用于设置文本内容的水平对齐，其可用属性值有（）A、left B、rightC centerD、middle9、如果使用内嵌式CSS样式表定义p标记字号为12像素，链入式定义p标记颜色为红色, 那么段落文本将显示为（）A、只显示12像素B、12像素红色C、只显示红色D、以上都不正确10、下面的选项中，哪些CSS属性没有继承性（）A、字体属性B、边框属性C、边距属性D、字号属性练习4二、填空题1、在CSS中，用于设置边框颜色的是 属性。2、用于调整元素内容与边框之间的距离的是 属性。3、在CSS中，用于设置上外边距的是 属性。4、元素主要分为行内元素和块元素，使用 属性可以转换元素的类型。

8、6、在CSS中，将图像作为网页元素的背景，可以通过 属性实现。二、判断题1、行内元素不能设置背景。（）2、使用displaymone;虽然可以隐藏元素，但是这时元素仍然会占用页面空间。（）3、border:lpx solid #F00;和 border: solid #F00 lpx;实现的效果是完全一样的。（）4、将元素转换为行内块元素的CSS代码为display:inline;。（）10border-style:dashed;样式可以将元素的边框设置为实线。（）11、 对一个宽度固定的块级元素应用margin:。auto;样式，可使其水平居中。（）12、 在CSS中border属性可用于改

9、变元素的内边距。（）13、 背景图像的位置是可以调整的，但是只可以用使用预定义的关键字，比方：left,top 等。（）14 在CSS中background-images属性用于定义背景图像。（）10、将span转换为行内块元素的方法是对其应用display:inline-block;样式。（） 三、选择题1、下面选项中，可以改变盒子模型外边距的是（）D、borderD、borderA、padding B、marginC type2、如何改变元素的左外边距？（）A、text-indent B、margin-leftA、text-indent B、margin-leftC、margin D、ma

10、rgin-right3、在CSS中，可以通过float属性为元素设置浮动，以下属于float属性值的是（）。A、left B、centerC、rightD、 none4、以下选项中，可以为元素清除默认内外边距的是（）A、font-size： 0； B、line-height： 0 C padding： 0； D、margin： 05、overflow属性用于规范溢出内容的显示方式，以下选项中属于overflow常用属性值 的是（）oA、visibleA、visibleB、hiddenC、autoD、 scroll6 position属性用于定义元素的定位模式，以下选项中属于position属性

11、常用属性值 的是（）oA、 static B、relative C、absolute D、fixed7、以下选项中，属于边框属性样式的是（）A solid B、dashed C dotted D、none8、将一个盒子的上边框定义为1像素、蓝色、单实线，以下代码正确的选项是（ ）oA、border-top： Ipx solid #00f;B、border： Ipx solid #00f;C、border-top ： 1 px dashed #00f;D、border： Ipx dashed #00f;9、关于元素显示模式的转换，以下说法正确的选项是（ ）oA、将块元素转换为行内元素的方法是使用

12、display:inline;样式B、将行内元素转换为块元素的方法是使用display:inline;样式C、两者不可以转换D、两者可以随意转换10以下选项中，关于display:none;样式说法正确的选项是（）A、显示元素对象B、隐藏元素对象C、占用页面空间D、不占用页面空间练习5三、填空题1、在列表样式属性中，用来为列表项设置工程图像的属性是 O2、点击超链接标记a标签，在新窗口翻开页面，需要设置属性target=“%3、设置访问后超链接的样式，需要给a标签添加css样式的伪类是 o4、如果将一个超链接文本链接到页面中的某个锚点，那么其href属性使用 符号加相应的id名标。7、列表是有

13、排列顺序的，其各个列表项按照一定的顺序排列。 二、判断题1、在HTML语言中，常用的列表有三种，分别为无序列表、有序列表和定义列表。（）2、无序列表的各个列表项之间，虽然没有顺序级别之分，但是存在主从关系。（）3、在HTML中创立超链接非常简单，只需用a/a标记环绕需要被链接的对象即可。 （）4、在超链接中“href”属性用于指定链接页面的翻开方式。（）15、 在超链接中，当target取值为“_self”，意为在原窗口中翻开链接页面。（）16、 在HTML中，ulx/ul标记可以用于定义有序列表。（）17、 在定义列表中，一对标记可以对应多对dd/dd标记。（）18、 在进行列表嵌套时，无序

14、列表中只能嵌套无序列表。（）19、 在HTML语言中，通过创立锚点链接，用户能够快速定位到目标内容。（）10、为了使未访问和访问后的链接样式保持一致，通常对a:link和a:visited应用相同的 样式。（）三、选择题11、 关于定义无序列表的基本语法格式，以下描述正确的选项是（）A、ul/ul标记用于定义无序列表。B、lix/li标记嵌套在1|/3：标记中，用于描述具体的列表项。C、每对ul/ul中至少应包含一对D、li不可以定义type属性,只能使用CSS样式属性代替。12、 以下选项中，用于清除超链接默认的下划线的是（）A、text-decoration:none;B、text-dec

15、oration:underline;C、text-decoration:overline;D、text-decoration:line-through;13以下选项中，属于“target”属性值的是（）A、_doubleB、 _selfC、_newD、_blank14、 以下代码中，可以用于清除链接图像边框的是（）A、border:0;B、margin:0;C padding:0;D list-style:none;15、 以下代码中，用于清除列表默认样式的是（）A、list-style:none;B、list-style:0;C、list-style:zero;D list-style:de

16、lete;16、 关于设置背景图像的代码片段 background:url（images/book.png） no-repeat leftcenter;,以下描述正确的选项是（）A、url（images/book.png）设置网页的背景图像B、no-repeat设置背景图像不平铺C、left center用于控制背景图像的位置D、在上面的代码中，各个样式顺序任意17、 CSS中，通过链接伪类可以实现不同的链接状态，以下说法错误的选项是（）A、a:link CSS样式规那么；超链访问时的状态B、a:visited CSS样式规那么；访问后超链接的状态C、a:hover CSS样式规那么；鼠标经过

17、、悬停时超链接的状态D、a: active CSS样式规那么;鼠标点击不动时超链接的状态18、 在定义列表中，用于对名词进行解释和描述的标记是（）A、dlx/dlB、lix/liC、dtx/dtD、ddx/dd19、 设置超链接a标记中img的border样式为none,以下代码书写正确的选项是（ ）A、 a .img border:none;a#img border:none;B、 a imgborder:none;a.imgborder:none;10、假设超链接的href属性，需要链接到list页面中的one锚点，以下书写正确的选项是（）E、list.html B、#one.list C

18、、listttone D、list.html#one练习7四、填空题1、在HTML文档中引入JavaScript有两种方式，一种是内嵌式；另一种是。2、JavaScript，又被称为“保存字”，是指在JavaScript语言中被事先定义好 并赋予特殊含义的单词。3、JavaScript中主要包括两种注释：单行注释和 注释。4、在Javascript中，函数使用关键字 来定义。8、在JavaScript中，所有的JavaScript变量都由关键字 声明。二、判断题1、在HTML文档中引入JavaScript,有直接嵌入JavaScript脚本和链接外部JavaScript脚本两种。（）2、在HT

19、ML文档中引入JavaScript, JavaScript脚本只能放在vhead和/head之间。（）3、在script type二text/javascript”代码中，type属性用来指定HTML文档引用的脚本语 言类型。（）4、JavaScript语言中的关键字可以作为变量名和函数名使用。（）JavaScript的变量名严格区分大小写，如UserName与username代表两个不同 的变量。（）20、 在JavaScript中命名变量时，必须以字母或下划线开头，中间必须是数字。（）在javascript中，函数由关键字“function”、“函数名”、“参数”和“函数体” 四局部组成。

20、（）21、 在JavaScript中，所有数字都是数值型，并不区分整型数值和浮点型数值。（）在JavaScript中，运算符i+表示在使用i之前，使i的值加1；而+i表示在使 用i之后，使i的值加lo （）10、在javascript中，可以使用函数名来创立函数，并且函数名可以有多个。（） 三、选择题1、以下选项中，关于插入Javacript脚本位置正确的选项是（）A、body局部B、head局部C、body局部和head局部均可D、以上都不正确2、以下选项中，哪个HTML元素中可以放置Javascript代码？（）A、scriptB、javascriptC、jsD、scripting3、每一

21、种计算机语言都有自己支持的数据类型。在JavaScript中，最基本的数据类型是（）A、numberB、stringC、布尔型D、null4、以下选项中，不能作为变量名使用的是（）oA、 bian B、bian C、bian02D、int5、以下选项中，JavaScript运算符的优先级最高的是（）A、+B、+ C、（） D =6、认真阅读下面代码，并按要求进行作答。y=2；z=6;x=y+z;在以上语句执行后，X的值是（）1、 2B、 6C、8D、null7、在JavaScript中，条件语句通过判断不同条件的值，来执行不同的语句。条件语句主要包 括（）A、if语句B if.else 语句C

22、、if.else if.else 语句D、switch 语句8、根据运算符的优先级，表达式z=2* （1+2*3）的运算结果为（）A、 12 B、 14 C、 16 D、 189、分析下面的JavaScript代码,经过运算后m的值为（）。var x=ll; var y=nnumber; var m=x+y;A、llnumberB、numberC、11D、程序报错10、以下代码中，用于判断当i不等于5时执行一些语句的条件语句是（）A、if =! 5 thenB、if 5C if （io 5）D、if （i !=5）练习8五、填空题1、采用 驱动是JavaScript语言的一个最基本特征。2、使

23、用history对象的 方法和back方法在网页上实现前进或后退的作用。3、在JavaScript中，鼠标事件有很多，其中onclick为鼠标 时触发此事件。4、在JavaScript中，使用内置对象类 可以创立数组对象。9、在JavaScript中，页面事件包括onload事件和onunload事件，其中 事件是在网页加载完毕后触发的事件。二、判断题1、调用事件处理程序主要分为在JavaScript中调用和在HTML中调用两种。（）2、JavaScript数据类型转换主要包括隐式类型转换和显式类型转换两种。（）3、显式类型转换是指程序运行时，系统会根据当前的需要，自动将数据从一种类型转 换为

24、另一种类型。（）4、在键盘事件处理函数中，使用Event对象的keyCode属性可以识别用户按下哪个键 盘键，该属性值等于用户按下的键盘键对应的键码值。（）25、 在HTML页面中，表单事件是指通过表单触发的事件。（）26、 在JavaScript中，setlnterval。不能实现自身的循环定制。（）27、 在表单事件中，当前元素失去焦点时触发onblur事件。（）一个数组元素是由数组名、一对方括号口和括号中的下标组合而成，不同的数 组元素可以通过下标加以区别。（）28、 在DOM文档的树形结构中，每个节点有且只有一个子节点。（）10、创立一个长度为arraysize的数组对象arrayna

25、me,第1个数组元素是arraynamel, 最后一个数组元素是arraynamearraysize。（）三、选择题1、在JavaScript中，事件处理的过程通常分为（）步。A.2B.3C.4D.52、以下JavaScript语句中，能实现单击一个按钮时弹出一个消息框的是（）。A. B. 3、在JavaScript中，可以使用date对象的（）方法返回一个月中的每一天。A、getDate B、getYear C、getMonth D、getTime4、以下选项中，定义JavaScript数组的正确方法是（）A、var txt = new Array二George”JJohnJThomas”B、var txt = new Array（l:“George”2John:3:Thomas”）C var txt = new Array（George JJohn”/Thomas”）D、var txt = new Array:l=（George）2=（John）3=（ThomasH）5、在DOM文档的树形结构中，以下属于文档对象节点的有哪些？（）A、html B、head C、body D、DOM6、在DOM文档的树形结构中，每个节点可以有（）个子节点。A、1个 B、2个 C、有且只有一个 D、n个（n0）