《HTML5网页设计》练习(合集)

、填空题1、在CSS中，设置h2标记字号为16像素且显示红色字体的代码为。2、行内式也称为内联样式，是通过标记的 属性来设置元素的样式。3、在CSS中，用于设置行间距的属性是，一般称为行高。4、text-decoration是文本修饰属性，其属性值是用来设置下划线的。5、id选择器使用进行标识，后面紧跟id名。、判断题1、书写CSS样式时，多个属性之间必须用英文状态下的分号隔开，最后一个属性后的分号可以省略。（）2、在CSS代码中，空格是不被解析的。因此，属性的值和单位之间允许出现空格。（）3、在编写CSS代码时，为了提高代码的可读性，通常需要加CSS注释语句。（）4、行内式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}B、选择器{属性1:属性值1,属性2:属性值2,属性3:属性值3;}C、选择器{属性1:属性值1;属性2:属性值2;属性3:属性值3;}D、选择器{属性1:属性值1属性2:属性值2属性3:属性值3}2、下面的选项中，CSS样式书写正确的是（ ）A、p{font-size:12px;color:red;} B、p{font-size=12px;color=red}C、p{font-size:12px;} D、p{font-size:12;color:red;}3、当＜p＞标记内嵌套＜strong＞标记时，就可以使用后代选择器对其中的＜strong＞标记进行控制，下列写法正确是（ ）A、strongp{color:red;} B、pstrong{color:red;}C、strong,p{color:red;} D、p.strong{color:red;}4、在行内式CSS样式中，＜style＞标记可以设置元素的样式，它一般位于（）标记中＜title＞标记之后。A、＜h1＞ B、＜p＞C、＜head＞D、＜body＞5、text-decoration属性用于设置文本的下划线，上划线，删除线等装饰效果，其可用属性值有（）A、none B、underlineC、overlineD、line-through6、color属性用于定义文本的颜色，以下写法正确的是（ ）A、h2{color:red;} B、h2{color:"red";}C、h2{color:"#F60";}D、h2{color:#FF6600;}7、在CSS中，用于设置首行文本缩进的属性是（ ）A、text-decoration B、text-alignC、text-transform D、text-indent8、text-align属性用于设置文本内容的水平对齐，其可用属性值有（ ）A、leftB、rightC、centerD、middle9、如果使用内嵌式CSS样式表定义＜p＞标记字号为12像素，链入式定义＜p＞标记颜色为红色，那么段落文本将显示为（）A、只显示12像素 B、12像素红色C、只显示红色 D、以上都不正确10、下面的选项中，哪些CSS属性没有继承性（ ）A、字体属性 B、边框属性 C、边距属性D、字号属性二、填空题1、在CSS中，用于设置边框颜色的是属性。2、用于调整元素内容与边框之间的距离的是属性。3、在CSS中，用于设置上外边距的是属性。4、元素主要分为行内元素和块元素，使用属性可以转换元素的类型。6、在CSS中，将图像作为网页元素的背景，可以通过 属性实现。二、判断题1、行内元素不能设置背景。（）2、使用display:none;虽然可以隐藏元素，但是这时元素仍然会占用页面空间。（）3、border:1pxsolid#F00;和border:solid#F001px;实现的效果是完全一样的。（）4、将元素转换为行内块元素的CSS代码为display:inline;。（）border-style:dashed;样式可以将元素的边框设置为实线。（）对一个宽度固定的块级元素应用margin:。auto;样式，可使其水平居中。（）在CSS中border属性可用于改变元素的内边距。（）背景图像的位置是可以调整的，但是只可以用使用预定义的关键字，比如：left，top等。（）在CSS中background-images属性用于定义背景图像。（）10、将span转换为行内块元素的方法是对其应用display:inline-block;样式。（）三、选择题下面选项中，可以改变盒子模型外边距的是（）A、paddingB、margin C、type如何改变元素的左外边距？（）A、text-indent B、margin-leftC、marginD、borderD、margin-right3、在CSS中，可以通过float属性为元素设置浮动，以下属于float属性值的是（）。A、leftB、center C、rightD、none下列选项中，可以为元素清除默认内外边距的是（ ）A、font-size：0；B、line-height：0C、padding：0；D、margin：05、overflow属性用于规范溢出内容的显示方式，下列选项中属于overflow常用属性值的是（）。A、visibleB、hiddenC、auto D、scroll6、position属性用于定义元素的定位模式，下列选项中属于position属性常用属性值的是（）。A、 static B、relativeC、absoluteD、fixed下列选项中，属于边框属性样式的是（ ）A、solidB、dashedC、dottedD、none将一个盒子的上边框定义为1像素、蓝色、单实线，下列代码正确的是（）。A、border-top：1pxsolid#00f;B、border：1pxsolid#00f;C、border-top：1pxdashed#00f;D、border：1pxdashed#00f;关于元素显示模式的转换，下列说法正确的是（）。A、将块元素转换为行内元素的方法是使用display:inline;样式B、将行内元素转换为块元素的方法是使用display:inline;样式两者不可以转换两者可以随意转换下列选项中，关于display:none;样式说法正确的是（）显示元素对象隐藏元素对象占用页面空间不占用页面空间三、填空题1、在列表样式属性中，用来为列表项设置项目图像的属性是 。2、点击超链接标记＜a＞标签，在新窗口打开页面，需要设置属性target=""。3、设置访问后超链接的样式，需要给＜a＞标签添加CSS样式的伪类是。4、如果将一个超链接文本链接到页面中的某个锚点，则其href属性使用符号加相应的id名标。 列表是有排列顺序的，其各个列表项按照一定的顺序排列。二、判断题1、在HTML语言中，常用的列表有三种，分别为无序列表、有序列表和定义列表。（）2、无序列表的各个列表项之间，虽然没有顺序级别之分，但是存在主从关系。（）3、在HTML中创建超链接非常简单，只需用＜a＞＜/a＞标记环绕需要被链接的对象即可。（ ）4、在超链接中“href”属性用于指定链接页面的打开方式。（）在超链接中，当target取值为“_self”，意为在原窗口中打开链接页面。（）在HTML中，＜3＞＜/3＞标记可以用于定义有序列表。（）在定义列表中，一对＜dt＞＜/dt＞标记可以对应多对＜dd＞＜/dd＞标记。（ ）在进行列表嵌套时，无序列表中只能嵌套无序列表。（）在HTML语言中，通过创建锚点链接，用户能够快速定位到目标内容。（）为了使未访问和访问后的链接样式保持一致，通常对a:link和a:visited应用相同的样式。（）三、选择题关于定义无序列表的基本语法格式，以下描述正确的是（）A、＜3＞＜/3＞标记用于定义无序列表。B、＜li＞＜/li＞标记嵌套在＜3＞＜/3＞标记中，用于描述具体的列表项。C、每对＜3＞＜/3＞中至少应包含一对＜li＞＜/li＞。D、＜li＞不可以定义type属性，只能使用CSS样式属性代替。下列选项中，用于清除超链接默认的下划线的是（ ）A、text-deCoration:none;B、text-deCoration:underline;C、text-deCoration:overline;D、text-deCoration:line-through;下列选项中，属于“target”属性值的是（）A、_double B、_selfC、_new D、_blank下列代码中，可以用于清除链接图像边框的是（ ）A、border:0; B、margin:0;C、padding:0; D、list-style:none;下列代码中，用于清除列表默认样式的是（ ）A、list-style:none;B、list-style:0;C、list-style:zero;D、list-style:delete;关于设置背景图像的代码片段background:url（images/book.png）no-repeatleftCenter;,下列描述正确的是（）A、url（images/book.png）设置网页的背景图像B、no-repeat设置背景图像不平铺C、leftcenter用于控制背景图像的位置D、在上面的代码中，各个样式顺序任意CSS中，通过链接伪类可以实现不同的链接状态，下列说法错误的是（ ）A、a:link{CSS样式规则；} 超链访问时的状态B、a:visited{CSS样式规则;}访问后超链接的状态C、a:hover{CSS样式规则;}鼠标经过、悬停时超链接的状态D、a:active{CSS样式规则;} 鼠标点击不动时超链接的状态在定义列表中，用于对名词进行解释和描述的标记是（）A、<dl></dl> B、<li></li>C、<dt></dt> D、<dd></dd>设置超链接<a>标记中<img>的border样式为none，下列代码书写正确的是（ ）a.img{border:none;}a#img{border:none;}aimg{border:none;}a.img{border:none;}10、若超链接的href属性，需要链接到list页面中的one锚点，以下书写正确的是（ ）list.htmlB、#one.listC、list#oneD、list.html#one四、填空题1、在HTML文档中引入JavaSCriPt有两种方式，一种是内嵌式；另一种是。2、JavaScript，又被称为“保留字”，是指在JavaSCriPt语言中被事先定义好并赋予特殊含义的单词。3、JavaScript中主要包括两种注释：单行注释和注释。4、在JavaSCriPt中，函数使用关键字来定义。8、在JavaSCriPt中，所有的JavaSCriPt变量都由关键字声明。二、判断题1、在HTML文档中引入JavaSCriPt，有直接嵌入JavaSCriPt脚本和链接外部JavaSCriPt脚本两种。（）2、在HTML文档中引入JavaSCriPtJavaSCriPt脚本只能放在＜head＞和＜∕head＞之间。（）3、在＜scripttype="text/javasCriPtll＞代码中，type属性用来指定HTML文档引用的脚本语言类型。（）4、JavaSCript语言中的关键字可以作为变量名和函数名使用。（）JavaSCript的变量名严格区分大小写，如UserName与username代表两个不同的变量。（）在JavaSCriPt中命名变量时，必须以字母或下划线开头，中间必须是数字。（）在javasCript中，函数由关键字“funCtion”、“函数名”、“参数”和“函数体”四部分组成。（ ）在JavaSCriPt中，所有数字都是数值型，并不区分整型数值和浮点型数值。（）在JavaSCriPt中，运算符i++表示在使用i之前，使i的值加1；而++i表示在使用i之后，使i的值加1。（）10、在javasCript中，可以使用函数名来创建函数，并且函数名可以有多个。（）三、选择题1、下列选项中，关于插入JavaCriPt脚本位置正确的是（）A、＜body＞部分B、＜head＞部分C、＜body＞部分和＜head＞部分均可D、以上都不正确2、下列选项中，哪个HTML元素中可以放置JavasCriPt代码？（）A、＜sCriPt＞B、＜javasCriPt＞C、＜js＞D、＜sCriPting＞3、每一种计算机语言都有自己支持的数据类型。在JavaSCript中，最基本的数据类型是（）A、numberB、stringC、布尔型D、null4、下列选项中，不能作为变量名使用的是（ ）。A、bian B、bianC、bian02 D、int5、下列选项中，JavaScript运算符的优先级最高的是（ ）A、+ B、++C、（） D、==6、认真阅读下面代码，并按要求进行作答。y=2;z=6;x=y+z;在以上语句执行后，x的值是（）A、2 B、6C、8 D、null7、在JavaSCriPt中，条件语句通过判断不同条件的值，来执行不同的语句。条件语句主要包括（）A、if语句B、if...else语句C、if...elseif else语句D、switch语句8、根据运算符的优先级，表达式z=2*（1+2*3）的运算结果为（ ）A、12B、14C、16 D、189、分析下面的JavaScript代码，经过运算后m的值为（ ）。Varx=11;Vary="number";Varm=x+y;A、11numberB、numberC、11D、程序报错10、下列代码中，用于判断当i不等于5时执行一些语句的条件语句是（）A、if=!5thenB、if<>5C、if（i<>5）D、if（i!=5）五、填空题1、采用驱动是JavaSCriPt语言的一个最基本特征。2、使用history对象的方法和back方法在网页上实现前进或后退的作用。3、在JavaSCriPt中，鼠标事件有很多，其中onclick为鼠标时触发此事件。4、在JavaSCriPt中，使用内置对象类可以创建数组对象。9、在JavaSCriPt中，页面事件包括onload事件和onunload事件，其中事件是在网页加载完毕后触发的事件。二、判断题1、调用事件处理程序主要分为在JavaScript中调用和在HTML中调用两种。（）2、JavaScript数据类型转换主要包括隐式类型转换和显式类型转换两种。（）3、显式类型转换是指程序运行时，系统会根据当前的需要，自动将数据从一种类型转换为另一种类型。（）4、在键盘事件处理函数中，使用Event对象的keyCode属性可以识别用户按下哪个键盘键，该属性值等于用户按下的键盘键对应的键码值。（）在HTML页面中，表单事件是指通过表单触发的事件。（）在JavaSCriPt中，SetInterval（）不能实现自身的循环定制。（）在表单事件中，当前元素失去焦点时触发OnblUr事件。（）一个数组元素是由数组名、一对方括号[]和括号中的下标组合而成，不同的数组元素可以通过下标加以区别。（）在DOM文档的树形结构中，每个节点有且只有一个子节点。（）10、创建一个长度为arraysize的数组对象arrayname，第1个数组元素是arrayname[1]，最后一个数组元素是arrayname[arraysize]°（）三、选择题1、在JavaSCriPt中，事件处理的过程通常分为（）步。A.2 B.3 C.4 D.52、下列JavaSCriPt语句中，能实现单击一个按钮时弹出一个消息框的是（）。<buttonvalue="鼠标响应"OnCliCk=alert（"确定"）></button><inputtype="button"value="鼠标响应"onClick=alert（"确定"）><inputtype="button"value="鼠标响应"onChange=alert（"确定"）><buttonvalue="鼠标响应"OnChange=alert（"确定"Av/button〉3、在JavaSCriPt中，可以使用date对象的（）方法返回一个月中的每一天。A、getDateB、getYearC、getMonthD、getTime、4、下列选项中，定义JavaSCriPt数组的正确方法是（ ）A、vartxt