HTML5

2024-02-27 11:02:15 前端知识 前端哥 466 607 我要收藏

单选共:86题分数:129分

1、

下列选项中,能够旋转指定的元素对象的变形函数是(   )。

此题分数:1.5分

A、translate()方法

B、scale()方法

C、skew()方法

D、rotate()方法

参考答案:

D

答案解析:

rotate()方法能够旋转指定的元素对象,主要在二维空间内进行操作。该方法中的参数允许传入负值,这时元素将逆时针旋转。

2、

下列选项中,字号最大的是哪一项?(  )

此题分数:1.5分

A、<h1>

B、<h2>

C、<h3>

D、<h4>

参考答案:

A

答案解析:

HTML提供了6个等级的标题,即<h1>、<h2>、<h3>、<h4>、<h5>和<h6>,从<h1>到<h6>字号依次递减。

3、

下列样式代码中,可以将块元素转换为行内元素的是(   )。

此题分数:1.5分

A、display:none;

B、display:block;

C、display:inline-block;

D、display:inline;

参考答案:

D

答案解析:

display属性常用的属性值及含义如下:

inline:此元素将显示为行内元素(行内元素默认的display属性值)。

block:此元素将显示为块元素(块元素默认的display属性值)。

inline-block:此元素将显示为行内块元素,可以对其设置宽高和对齐等属性,但是该元素不会独占一行。

none:此元素将被隐藏,不显示,也不占用页面空间,相当于该元素不存在。

4、

在网页中插入图像,若图像文件位于html文件的上两级文件夹,则在文件名之前加入(   )

此题分数:1.5分

A、../

B、/

C、./

D、../../

参考答案:

D

答案解析:

图像文件位于html文件的上一级文件夹:在文件名之前加入“../” ,如果是上两级,则需要使用 “../ ../”,以此类推,如<img src="../logo.gif" />。

5、

下列选项中,用于定义整个动画效果完成所需要时间的属性是(  )。

此题分数:1.5分

A、animation-duration属性

B、animation-timing-function属性

C、animation-delay属性

D、animation-direction属性

参考答案:

A

答案解析:

animation-duration属性用于定义整个动画效果完成所需要的时间,以秒或毫秒计。

6、

在3D变形中,指定元素围绕Y轴旋转的函数是(   )。

此题分数:1.5分

A、rotateX()函数

B、rotateY()函数

C、rotateZ()函数

D、rotate3d()方法

参考答案:

B

答案解析:

rotateY()函数用于指定元素围绕Y轴旋转。

7、

按照网页中常见的命名规范,属于底部版权注释代码的是(    )

此题分数:1.5分

A、/*nav*/

B、/*footer*/

C、/*content*/

D、/*banner*/

参考答案:

B

答案解析:

/*nav*/是导航栏的样式代码注释,/*footer*/是底部版权区域的样式代码注释,/*content*/是主体内容的样式代码注释,/*banner*/是焦点图的样式代码注释。

8、

下面选项中,可以将HTML5页面的标题设置为“传智播客”的是(  )。

此题分数:1.5分

A、<head>传智播客</head>

B、<title>传智播客</title>

C、<h>传智播客</h>

D、<t>传智播客</t>

参考答案:

B

答案解析:

<head>标记用于定义HTML文档的头部信息,也称为头部标记,紧跟在<html>标记之后,主要用来封装其他位于文档头部的标记。<title>即是<head>标记封装的一个标记,用来设置页面的标题。

9、

在内嵌式CSS样式中,<style>标记可以设置元素的样式,它一般位于(  )标记中<title>标记之后。

此题分数:1.5分

A、<h1>

B、<p>

C、<head>

D、<body>

参考答案:

C

答案解析:

10、

下列样式代码中,可实现元素的溢出内容被修剪,且被修剪的内容不可见的是(  )。

此题分数:1.5分

A、overflow:visible;

B、overflow: hidden;

C、overflow: auto;

D、overflow: scroll;

参考答案:

B

答案解析:

overflow属性的常用值有四个,分别表示不同的含义:

visible:内容不会被修剪,会呈现在元素框之外(默认值)。

hidden:溢出内容会被修剪,并且被修剪的内容是不可见的。

auto:在需要时产生滚动条,即自适应所要显示的内容。

scroll:溢出内容会被修剪,且浏览器会始终显示滚动条。

11、

<img />标记链接图片的属性是(    )。

此题分数:1.5分

A、src

B、alt

C、width

D、height

参考答案:

A

答案解析:

src属性用于指定图像文件的路径和文件名,他是img标记的必需属性。

12、

下列标记中,用于定义HTML5文档所要显示内容的是(   )。

此题分数:1.5分

A、<head></head>

B、<body></body>

C、<html></html>

D、<title></title>

参考答案:

B

答案解析:

<body>标记用于定义HTML文档所要显示的内容,也称为主体标记。浏览器中显示的所有文本、图像、音频和视频等信息都必须位于<body>标记内,<body>标记中的信息才是最终展示给用户看的。

13、

下列选项中,不属于文本标记属性的是(    )。

此题分数:1.5分

A、nbsp;

B、align

C、color

D、face

参考答案:

A

答案解析:

align、color、face都是<p>标记的属性,只有“nbsp;”不是。

14、

下列属性中,用于设置鼠标悬停时图像的提示文字的是哪一项?(    )

此题分数:1.5分

A、title

B、alt

C、width

D、height

参考答案:

A

答案解析:

用于设置鼠标悬停时图像的提示文字的属性是title属性。

15、

HTML5中(    )元素可替代<div id=“footer”></div>标记来定义页面底部。

此题分数:1.5分

A、nav

B、header

C、aside

D、footer

参考答案:

D

答案解析:

暂无解析

16、

<form>与</form>之间的表单控件是由用户自定义的。下列选项中,不属于表单标记<form>常用属性的是(    )。

此题分数:1.5分

A、action

B、size

C、method

D、name

参考答案:

B

答案解析:

<form>与</form>之间的表单控件是由用户自定义的,action、method和name为表单标记<form>的常用属性。

17、

HTML5中,(   )元素经常与details 元素配合使用,作为details 元素的第一个子元素。

此题分数:1.5分

A、nav

B、header

C、summary

D、footer

参考答案:

C

答案解析:

summary元素经常与details 元素配合使用,作为details 元素的第一个子元素。

18、

下列选项中,不是<img />标记属性的是(    )

此题分数:1.5分

A、src

B、alt

C、width

D、href

参考答案:

D

答案解析:

ABC三项都是<img />标记的属性,只有D选项不是。

19、

下面的选项中, CSS样式规则的具体格式正确的是(    )

此题分数:1.5分

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}

参考答案:

C

答案解析:

CSS样式规则,具体格式如下:        

选择器{属性1:属性值1; 属性2:属性值2; 属性3:属性值3;}

20、

以下标示符中,用于设置页面标题的是(    )。

此题分数:1.5分

A、<title>

B、<caption>

C、<head>

D、<html>

参考答案:

A

答案解析:

<title>标记用于定义HTML页面的标题,即给网页取一个名字,必须位于<head>标记之内。

21、

下列选项中,用于定义动画效果需要播放3次的代码是(   )。

此题分数:1.5分

A、animation:3;

B、animation-timing-function:3;

C、animation-delay:3;

D、animation-iteration-count:3;

参考答案:

D

答案解析:

animation-iteration-count属性用于定义动画的播放次数。

22、

CSS3中,(    )主要用来选择某个元素的第一级子元素。

此题分数:1.5分

A、子代选择器

B、兄弟选择器

C、属性选择器

D、伪类选择器

参考答案:

A

答案解析:

子代选择器主要用来选择某个元素的第一级子元素。

23、

下列选项中,用于定义执行动画效果之前延迟时间的属性是(  )。

此题分数:1.5分

A、animation-duration属性

B、animation-timing-function属性

C、animation-delay属性

D、animation-direction属性

参考答案:

C

答案解析:

animation-delay属性用于定义执行动画效果之前延迟的时间,即规定动画什么时候开始。

24、

下列选项中,用于规定动画的速度曲线的属性是(  )。

此题分数:1.5分

A、animation-duration属性

B、animation-timing-function属性

C、animation-delay属性

D、animation-direction属性

参考答案:

B

答案解析:

animation-timing-function用来规定动画的速度曲线,可以定义使用哪种方式来执行动画效果

25、

网页中的图像文件位于html文件的下一级文件夹img下,则以下CSS书写正确的是( )

此题分数:1.5分

A、<imgsrc="logo.gif"/>

B、<imgsrc="img\logo.gif"/>

C、<imgsrc="img/logo.gif"/>

D、<imgsrc="img/logo"/>

参考答案:

C

答案解析:

在网页中插入图像,若图像文件位于html文件的下一级文件夹,则需输入文件夹名和文件名,之间用“/”隔开。

26、

为了更方便的控制网页中各种各样的字体,CSS提供了字体样式属性。下面选项中,设置字号大小书写正确的是(    )。

此题分数:1.5分

A、{ font-size: 24px; }

B、{ font: 24px; }

C、{ fontSize: 24px; }

D、{ size: 24px; }

参考答案:

A

答案解析:

font-size属性用于设置字号,该属性的值可以使用相对长度单位,也可以使用绝对长度单位。

27、

用于定义动画开始前将会延迟2秒的时间,然后才开始执行的代码是(  )。

此题分数:1.5分

A、animation-duration:2s;

B、animation-timing-function:2s;

C、animation-delay:2s;

D、animation-direction:2s;

参考答案:

C

答案解析:

animation-delay属性用于定义执行动画效果之前延迟的时间,即规定动画什么时候开始。

28、

下列选项中,用于更改元素左内边距的是(    )。

此题分数:1.5分

A、text-indent

B、padding-left

C、margin-left

D、padding-right

参考答案:

B

答案解析:

在CSS中padding属性用于设置内边距,方法如下:

padding-top:上内边距;

padding-right:右内边距;

padding-bottom:下内边距;

padding-left:左内边距;

29、

可以将元素的定位模式设置为相对定位方式的是(  )。

此题分数:1.5分

A、position: static;

B、position: relative;

C、position: absolute;

D、position: fixed;

参考答案:

B

答案解析:

相对定位是将元素相对于它在标准文档流中的位置进行定位,当position属性的取值为relative时,可以将元素定位于相对位置。

30、

下列选项中,用于指定应用过渡效果的CSS属性名称的属性是(  )。

此题分数:1.5分

A、transition-property属性

B、transition-duration属性

C、transition-timing-function属性

D、transition-delay属性

参考答案:

A

答案解析:

transition-property 属性用于指定应用过渡效果的CSS属性的名称,其过渡效果通常在用户将指针移动到元素上时发生。

31、

在HTML5中,头部内容通常包含在以下哪个结构元素内。(   )

此题分数:1.5分

A、nav

B、header

C、aside

D、footer

参考答案:

B

答案解析:

TML5中的header元素是一种具有引导和导航作用的结构元素,该元素可以包含所有通常放在页面头部的内容。

32、

下面的选项中, 标记选择器的基本语法格式正确的是( )

此题分数:1.5分

A、标记名{属性值1;属性值2;属性值3; }

B、标记名{属性1:属性值1,属性2:属性值2,属性3:属性值3}

C、标记名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3;}

D、标记名{属性1:“属性值1”; 属性2:“属性值2”; 属性3:“属性值3”; }

参考答案:

C

答案解析:

标记选择器是指用HTML标记名称作为选择器,按标记名称分类,为页面中某一类标记指定统一的CSS样式。其基本语法格式如下:

标记名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }

33、

设定动画会在奇数次数正常播放,而在偶数次数逆向播放的代码为(    )。

此题分数:1.5分

A、animation-direction:alternate;

B、animation-direction:normal;

C、animation-direction:true;

D、animation-direction:false;

参考答案:

A

答案解析:

animation-direction 属性初始值为normal,适用于所有的块元素和行内元素。该属性包括两个值,默认值normal表示动画每次都会正常显示。如果属性值是"alternate",则动画会在奇数次数(1、3、5 等等)正常播放,而在偶数次数(2、4、6 等)逆向播放。

34、

在HTML中,用于设置页面元信息的标示符是(    )。

此题分数:1.5分

A、<title>

B、<base>

C、<head>

D、<meta>

参考答案:

D

答案解析:

答案说明 <meta />标记用于定义页面的元信息,可重复出现在<head>头部标记中。

35、

关于盒子模型中的宽度和高度属性,下面说法正确的是(   )。

此题分数:1.5分

A、盒子模型中的宽度和高度属性适用于所有元素

B、盒子模型中的宽度和高度属性仅适用于行内元素

C、盒子模型中的宽度和高度属性仅适用于块级元素

D、以上说法都正确

参考答案:

C

答案解析:

宽度属性width和高度属性height仅适用于块级元素,对行内元素无效(<img />标记和<input />除外)。

36、

在HTML5中,用于指定输入框中的内容是必须填写的input属性是(    )。

此题分数:1.5分

A、required属性

B、autofocus属性

C、multiple属性

D、autocomplete属性

参考答案:

A

答案解析:

在HTML5中,required属性用于规定输入框填写的内容不能为空,否则不允许用户提交表单。

37、

transition-timing-function属性规定过渡效果的速度曲线,默认值为(  )。

此题分数:1.5分

A、ease

B、linear

C、ease-in

D、ease-out

参考答案:

A

答案解析:

transition-timing-function属性规定过渡效果的速度曲线,默认值为"ease"。

38、

下列选项中,用于定义过渡效果花费时间的属性是(  )。

此题分数:1.5分

A、transition-property属性

B、transition-duration属性

C、transition-timing-function属性

D、transition-delay属性

参考答案:

B

答案解析:

transition-duration属性用于定义过渡效果花费的时间,默认值为0,常用单位是秒(s)或者毫秒(ms)。

39、

如果使用内嵌式CSS样式表定义<p>标记字号为12像素,链入式定义<p>标记颜色为红色,那么段落文本将显示为(    )

此题分数:1.5分

A、只显示12像素

B、12像素红色

C、只显示红色

D、以上都不正确

参考答案:

B

答案解析:

本题考查的是CSS层叠性。所谓层叠性是指多种CSS样式的叠加。当使用内嵌式CSS样式表定义<p>标记字号大小为12像素,链入式定义<p>标记颜色为红色,那么段落文本将显示为12像素红色,即这两种样式产生了叠加。

40、

当<p>标记内嵌套<strong>标记时,就可以使用后代选择器对其中的<strong>标记进行控制,下列写法正确是(  )

此题分数:1.5分

A、strong p{color:red;}

B、p strong{color:red;}

C、strong,p{color:red;}

D、p.strong{color:red;}

参考答案:

B

答案解析:

后代选择器用来选择元素或元素组的后代,其写法就是把外层标记写在前面,内层标记写在后面,中间用空格分隔。根据后代选择器的相关写法,因为是<p>标记嵌套了<strong>标记,因此正确的写法是B。

41、

下面的选项中,属于常用的图片格式并且能够做动画的是(    )。

此题分数:1.5分

A、jpg格式

B、gif格式

C、psd格式

D、png格式

参考答案:

B

答案解析:

网页上常用的图像格式主要有GIF、JPG和PNG三种,而没有psd格式。但是,能支持动画的只有GIF格式。

42、

下列选项中,能够设置表单背景颜色的属性是( )。

此题分数:1.5分

A、size

B、padding

C、background-color

D、border

参考答案:

C

答案解析:

给表单标记设置背景颜色的属性是background-color属性。

43、

下列选项中,属于animation-timing-function默认属性值的是(    )。

此题分数:1.5分

A、ease

B、ease-in

C、ease-out

D、linear

参考答案:

A

答案解析:

animation-timing-function的默认属性值为ease,适用于所有的块元素和行内元素。另外,animation-timing-function还包括linear、ease-in、ease-out、ease-in-out、cubic-bezier(n,n,n,n)等常用属性值。

44、

使用标签指定式选择器,让段落应用class名为test的类,下列写法正确的是(  )

此题分数:1.5分

A、.p .test{color:red;}

B、p#test{color:red;}

C、p.test{color:red;}

D、.p,test{color:red;}

参考答案:

C

答案解析:

标签指定式选择器又称交集选择器,由两个选择器构成,其中第一个为标记选择器,第二个为class选择器或id选择器,两个选择器之间不能有空格,如h3.special或p#one。因此,此处的写法正确的是:p.test{color:red;}。

45、

页面上的div标签,其HTML代码为<div id="box" class="red">文字</div>,为其设置CSS样式如下:

#box{

    color:blue;

}

.red{

    color:red;

}

那么,文字的颜色将显示为 (     )

此题分数:1.5分

A、红色

B、蓝色

C、黑色

D、白色

参考答案:

B

答案解析:

使用不同的选择器对同一个元素设置文本颜色时,浏览器会根据选择器的优先级规则解析CSS样式。题目中的id选择器#box和类选择器.red都同时作用在了div标签上,由于id选择器的权重大于class选择器的权重,所以文字的颜色将以#box设置的为准,显示为蓝色。

46、

下列关于特殊字符的说法不正确的是(   )

此题分数:1.5分

A、特殊字符的代码通常由前缀"&"、字符名称和后缀为英文状态下的";"组成

B、可以通过菜单栏直接插入相应特殊字符的代码

C、转义序列各字符间可以有空格

D、转义序列必须以分号结束

参考答案:

C

答案解析:

特殊字符的代码通常由前缀“&”、字符名称和后缀为英文状态下的“;”组成。在网页中使用这些特殊字符时只需输入相应的代码替代即可。另外,在Dreamweaver中,还可以通过菜单栏中的【插入】→【HTML】→【特殊字符】选项直接插入相应特殊字符的代码。另外,转义序列各字符间不能有空格,并且转义序列必须以分号结束。

47、

在HTML中,表示内嵌CSS样式的标记是(    )。

此题分数:1.5分

A、<title>

B、<style>

C、<head>

D、<meta>

参考答案:

B

答案解析:

在HTML中使用style标记表示使用内嵌式的CSS样式。

48、

使用CSS时,需要遵从一定的规范。下面选项中,CSS样式书写正确的是( )

此题分数:1.5分

A、h1{font:12px;}

B、h1[font_size:12px;]

C、h1(font:size;)

D、h1{font-size:12px;}

参考答案:

D

答案解析:

使用CSS需要遵从一定的规范,要想熟练地使用CSS对网页进行修饰,首先需要了解CSS样式规则。CSS样式规则,具体格式如下:

选择器{属性1:属性值1; 属性2:属性值2; 属性3:属性值3;}

49、

下列选项中,用来定义下拉列表的是( )。

此题分数:1.5分

A、<input/>

B、<textarea></textarea>

C、<select></select>

D、<form>

参考答案:

C

答案解析:

<select></select>用来定义下拉列表。

50、

text-transform属性用于控制英文字符的大小写。下列选项中,不属于其属性值的是(    )。

此题分数:1.5分

A、capitalize

B、line-through

C、lowercase

D、uppercase

参考答案:

B

答案解析:

text-transform属性用于控制英文字符的大小写,其可用属性值如下:

1)  none:不转换(默认值);

2)  capitalize:首字母大写;

3)  uppercase:全部字符转换为大写;

4)  lowercase:全部字符转换为小写;

51、

一个盒子的宽(width)和高(height)均为300px,左内边距为30px,同时盒子有3px的边框,请问这个盒子的总宽度是多少?(  )

此题分数:1.5分

A、333px

B、366px

C、336px

D、363px

参考答案:

C

答案解析:

盒子的总宽度= width+左右内边距之和+左右边框宽度之和+左右外边距之和

所以,盒子的总宽度= width(300px)+左内边距(30px)+左右边框宽度之和(3px*2)=336px

52、

在3D变形中,指定元素围绕X轴旋转的函数是(   )。

此题分数:1.5分

A、rotateX()函数

B、rotateY()函数

C、rotateZ()函数

D、rotate3d()方法

参考答案:

A

答案解析:

rotateX()函数用于指定元素围绕X轴旋转。

53、

下列选项中,用于规定过渡效果何时开始的属性是(  )。

此题分数:1.5分

A、transition-property属性

B、transition-duration属性

C、transition-timing-function属性

D、transition-delay属性

参考答案:

D

答案解析:

transition-delay属性规定过渡效果何时开始,默认值为0,常用单位是秒(s)或者毫秒(ms)。

54、

下面的选项中, 行内式CSS样式的基本语法格式正确的是(    )

此题分数:1.5分

A、<标记名 属性1:属性值1; 属性2:属性值2; ......> 内容 </标记名>

B、<标记名 style:"属性1:属性值1; 属性2:属性值2; ......"> 内容 </标记名>

C、<标记名 style="属性1:属性值1, 属性2:属性值2,......"> 内容 </标记名>

D、<标记名 style="属性1:属性值1; 属性2:属性值2; ......"> 内容 </标记名>

参考答案:

D

答案解析:

CSS样式规则,具体格式如下:

选择器{属性1:属性值1; 属性2:属性值2; 属性3:属性值3;}

55、

关于内嵌式CSS样式的语法格式中,下列选项正确的是(   )

此题分数:1.5分

A、选择器{k:v; k:v; k:v;}

B、选择器{k:v, k:v, k:v,}

C、选择器{k,v; k,v; k,v;}

D、选择器{k->v; k->v; k->v;}

参考答案:

A

答案解析:

内嵌式是将CSS代码集中写在HTML文档的<head>头部标记中,并且用<style>标记定义,其基本语法格式如下:

<head>

<style type="text/css">

选择器 {属性1:属性值1; 属性2:属性值2; 属性3:属性值3;}

</style>

</head>

56、

下列选项中,(   )不是audio元素中的属性。

此题分数:1.5分

A、autoplay

B、loop

C、preload

D、poster

参考答案:

D

答案解析:

暂无解析

57、

下面标记中,表示换行的标记是(    )。

此题分数:1.5分

A、<h1>

B、<enter>

C、<br />

D、<hr />

参考答案:

C

答案解析:

<h1>用来设置字体样式,<enter>标记不存在,<hr>表示一条水平线,<br/>表示换行。

58、

下面标记中,用来显示段落的标记是(    )。

此题分数:1.5分

A、<h1>

B、<br/>

C、<img/>

D、<p>

参考答案:

D

答案解析:

<h1>标记是标题标记,<br />是换行标记,<img />是图像标记,只有<p>是段落标记。

59、

下列选项中,用于定义动画播放次数的属性是(  )。

此题分数:1.5分

A、animation-iteration-count属性

B、animation-timing-function属性

C、animation-delay属性

D、animation-direction属性

参考答案:

A

答案解析:

animation-iteration-count属性用于定义动画的播放次数。

60、

认真阅读下列代码,并按要求进行作答。

animation-name:mymove;               /*定义动画名称*/

animation-duration:5s;               /*定义动画时间*/

animation-timing-function:linear;  /*定义动画速度曲线*/

animation-delay:2s;                   /*定义动延迟时间*/

animation-iteration-count:3;        /*定义动画的播放次数*/

animation-direction:alternate;      /*定义动画播放的方向*/

animation属性是一个复合属性,可以同时设置上述属性的代码为(    )。

此题分数:1.5分

A、animation: mymove 3 2s linear 5s alternate;

B、animation: mymove linear 2s 5s 3 alternate;

C、animation: mymove 2s linear 5s 3 alternate;

D、animation: mymove 5s linear 2s 3 alternate;

参考答案:

D

答案解析:

animation属性也是一个简写属性,用于在一个属性中设置animation-name、animation-duration、animation-timing-function、animation-delay、animation-iteration-count和animation-direction六个动画属性。

61、

页面上的div标签,其HTML代码为<div id="box" style="color:red">文字</div>,为其设置CSS样式如下:

#box{

    color:blue;

}

那么,文字的颜色将显示为 (     )

此题分数:1.5分

A、红色

B、蓝色

C、黑色

D、以上选项都不正确

参考答案:

A

答案解析:

不同的选择器对同一个元素设置文本颜色时,浏览器会根据选择器的优先级规则解析CSS样式。题目中的div标签,其行内样式设置文字为红色,id选择器样式设置文字为蓝色。由于id选择器的权重小于行内样式,所以文字颜色显示为红色。

一般来说,选择器权重优先顺序为:行内样式> id选择器>类选择器>标签选择器。

62、

在HTML文档头部标记中,使用<meta>标记的name和content属性可以为搜索引擎提供信息。设置网页关键字的name属性值应该为(    )。

此题分数:1.5分

A、keywords

B、description

C、charset

D、expires

参考答案:

A

答案解析:

"keywords" 是一个经常被用到的名称。它为文档定义了一组关键字。某些搜索引擎在遇到这些关键字时,会用这些关键字对文档进行分类,name属性用来设置关键字。

63、

关于行内式引入CSS样式表,以下书写正确的是( )

此题分数:1.5分

A、<p style=font-size:12px; color:red;>段落文本</p>

B、<p style="font-size:12px, color:red;">段落文本</p>

C、<p style="font-size:12px; color:red;">段落文本</p>

D、<p style="font:12px; color:red;">段落文本</p>

参考答案:

C

答案解析:

行内式也称为内联样式,是通过标记的style属性来设置元素的样式,其基本语法格式如下:

<标记名 style="属性1:属性值1; 属性2:属性值2; 属性3:属性值3;"> 内容 </标记名>

64、

若超链接的href属性,需要链接到list页面中的one锚点,以下书写正确的是(    )

此题分数:1.5分

A、list.html

B、#one.list

C、list#one

D、list.html#one

参考答案:

D

答案解析:

创建锚点链接时,应该先写链接页面再写锚点名称。

65、

下列选项中,能够让元素倾斜显示的变形函数是(   )。

此题分数:1.5分

A、translate()方法

B、scale()方法

C、skew()方法

D、rotate()方法

参考答案:

C

答案解析:

skew()方法能够让元素倾斜显示,该函数包含两个参数值,分别用来定义X轴和Y轴坐标倾斜的角度。

66、

若要在网页中插入样式表main.css,以下用法中正确的是(    )

此题分数:1.5分

A、<linksrc="main.css"type="text/css"rel="stylesheet">

B、<includehref="main.css"type="text/css"rel="stylesheet">

C、<linkhref="main.css"type="text/css">

D、<linkhref="main.css"type="text/css"rel="stylesheet">

参考答案:

D

答案解析:

使用<link>标记引用外部CSS样式表:

<link rel="stylesheet" type="text/css" href="main.css" />

上面的代码,表示引用当前HTML页面所在文件夹中,文件名为“main.css”的CSS样式表文件。

67、

下列选项中,对HTML5新功能和新特性支持最好的浏览器是(   )。

此题分数:1.5分

A、IE浏览器

B、火狐浏览器

C、Google浏览器

D、Opera浏览器

参考答案:

C

答案解析:

由于谷歌浏览器对HTML5及CSS3的兼容性支持较好,而且调试网页非常方便,所以在HTML5网页制作过程中谷歌浏览器是最常用的浏览器。

68、

在CSS中,用于设置首行文本缩进的属性是(    )

此题分数:1.5分

A、text-decoration

B、text-align

C、text-transform

D、text-indent

参考答案:

D

答案解析:

text-decoration属性用于设置文本的下划线,上划线,删除线等装饰效果;text-align属性用于设置文本内容的水平对齐;text-transform属性用于控制英文字符的大小写;text-indent属性用于设置首行文本的缩进。故选D

69、

按照网页中常见的命名规范,通常底部版权区域命名为(   )

此题分数:1.5分

A、content

B、footer

C、content

D、banner

参考答案:

B

答案解析:

按照网页中常见的命名规范,通常底部版权区域命名为footer。

70、

下列选项中,用于指定表单是否有自动完成功能的属性是(    )

此题分数:1.5分

A、action

B、autocomplete

C、method

D、novalidate

参考答案:

B

答案解析:

autocomplete属性用于指定表单是否有自动完成功能,所谓“自动完成”是指将表单控件输入的内容记录下来,当再次输入时,会将输入的历史记录显示在一个下拉列表里,以实现自动完成输入。

71、

下列选项中,用于定义当前动画播放方向的属性是(   )。

此题分数:1.5分

A、animation-iteration-count属性

B、animation-timing-function属性

C、animation-delay属性

D、animation-direction属性

参考答案:

D

答案解析:

animation-direction属性定义当前动画播放的方向,即动画播放完成后是否逆向交替循环。

72、

在CSS中,两个或多个基础选择器可以通过不同的方式进行组合。下列写法错误的是(  )。

此题分数:1.5分

A、.myDiv .mySpan

B、myDiv .mySpan

C、myDiv.mySpan

D、.myDiv #myDiv

参考答案:

D

答案解析:

两个或多个基础选择器,可以通过不同的方式进行组合。D选项其实写法没有错,但是id选择器是唯一的,所以不加前面的.myDiv。

73、

下列选项中,符合标签指定式选择器的写法要求的是(    )

此题分数:1.5分

A、由两个选择器构成,其中第一个为标记选择器,第二个为class选择器或id选择器,两个选择器之间不能有空格。

B、由两个选择器构成,其中第一个为标记选择器,第二个为class选择器或id选择器,两个选择器之间必须有空格。

C、由两个选择器构成,其中第一个为标记选择器,第二个必须为class选择器,两个选择器之间不能有空格。

D、由两个选择器构成,其中第一个为标记选择器,第二个为id选择器,两个选择器之间必须有空格。

参考答案:

A

答案解析:

标签指定式选择器又称交集选择器,由两个选择器构成,其中第一个为标记选择器,第二个为class选择器或id选择器,两个选择器之间不能有空格,如h3.special或p#one。

74、

下列样式代码中,可以将<span>标记转换为块元素的是(   )。

此题分数:1.5分

A、display:none;

B、display:block;

C、display:inline-block;

D、display:inline;

参考答案:

B

答案解析:

display属性常用的属性值及含义如下:

inline:此元素将显示为行内元素(行内元素默认的display属性值)。

block:此元素将显示为块元素(块元素默认的display属性值)。

inline-block:此元素将显示为行内块元素,可以对其设置宽高和对齐等属性,但是该元素不会独占一行。

none:此元素将被隐藏,不显示,也不占用页面空间,相当于该元素不存在。

75、

下面的选项中,id选择器的基本语法格式正确的是(    )

此题分数:1.5分

A、. #id名{属性值1;属性值2;属性值3; }

B、#id名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3;}

C、#id名{属性1:属性值1,属性2:属性值2,属性3:属性值3}

D、#id名{属性1:“属性值1”; 属性2:“属性值2”; 属性3:“属性值3”; }

参考答案:

B

答案解析:

id选择器使用“#”进行标识,后面紧跟id名,其基本语法格式如下:

#id名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }

76、

关于样式代码“.box{width:200px; padding:15px; margin:20px;}”下列说法正确的是(  )。

此题分数:1.5分

A、.box的总宽度为200px

B、.box的总宽度为 270px

C、.box的总宽度为 235px

D、以上说法均错误

参考答案:

B

答案解析:

盒子的总宽度= width+左右内边距之和+左右边框宽度之和+左右外边距之和

所以,.box的总宽度= width(200px)+左右内边距(15px*2)+左右外边距(20px*2)=270px

77、

下列选项中,专门用于定义输入搜索关键词的input元素类型是(  )。

此题分数:1.5分

A、email类型

B、search类型

C、number类型

D、tel类型

参考答案:

B

答案解析:

search 类型是一种专门用于输入搜索关键词的文本框,它能自动记录一些字符,例如站点搜索或者Google搜索。

78、

CSS3中,(   )选择器用于为父元素中的第一个子元素设置样式。

此题分数:1.5分

A、:last-child

B、:first-child

C、:not

D、:nth-child(n)

参考答案:

B

答案解析:

:first-child选择器和:last-child选择器分别用于为父元素中的第一个或者最后一个子元素设置样式。

79、

在下列选项中,background-position属性值书写正确的是(    )。

此题分数:1.5分

A、p{ background-position:left top; }

B、p{ background-position:left 10; }

C、p{ background-position:10 top ;}

D、p{ background-position:top 10 ;}

参考答案:

A

答案解析:

背景图像在元素中的对齐方式有3中,分别是使用数值、使用预定义的关键字、使用百分比。 但是在定义元素对齐方式中,数值、关键字和百分比不能混用。

80、

下列样式代码中,可以实现绝对定位模式的是(  )。

此题分数:1.5分

A、position: static;

B、position: fixed;

C、position: absolute;

D、position: relative;

参考答案:

C

答案解析:

position属性的常用值有四个,分别表示不同的定位模式:

static:自动定位(默认定位方式)。

relative:相对定位,相对于其原文档流的位置进行定位。

absolute:绝对定位,相对于其上一个已经定位的父元素进行定位。

fixed:固定定位,相对于浏览器窗口进行定位。

81、

下列选项中,用于改变盒子模型外边距的是(    )。

此题分数:1.5分

A、margin

B、padding

C、type

D、border

参考答案:

A

答案解析:

暂无解析

82、

在HTML5中,代码<input checked="checked" type="checkbox"/>,可以简写为(    )。

此题分数:1.5分

A、<inputcheckedtype="checkbox"/>

B、<inputcheckedcheckbox/>

C、<input"checked""checkbox">

D、<input"checked"type="checkbox"/>

参考答案:

A

答案解析:

在HTML5中,部分标志性属性的属性值可以省略。例如:

<input checked="checked" type="checkbox"/>可以省略为:

<input checked type="checkbox"/>

83、

<div>标记是网页布局中最常用的标记,其显示类型为(   )。

此题分数:1.5分

A、块级类型

B、行内类型

C、行内块类型

D、浮动类型

参考答案:

A

答案解析:

常见的块元素有<h1>~<h6>、<p>、<div>、<ul>、<ol>、<li>等,其中<div>标记是最典型的块元素,常用于网页布局和网页结构的搭建。

84、

HTML5中,用于指定页面加载后是否自动获取焦点的input属性是(  )。

此题分数:1.5分

A、form属性

B、autofocus属性

C、multiple属性

D、autocomplete属性

参考答案:

B

答案解析:

在HTML5中,autofocus属性用于指定页面加载后是否自动获取焦点,将标记的属性值指定为true时,表示页面加载完毕后会自动获取该焦点。

85、

在网页中插入图像,若图像文件位于html文件的上两级文件夹,则在文件名之前加入(   )

此题分数:1.5分

A、../

B、/

C、./

D、../../

参考答案:

D

答案解析:

图像文件位于html文件的上一级文件夹:在文件名之前加入“../” ,如果是上两级,则需要使用 “../ ../”,以此类推,如<img src="../logo.gif" />。

86、

下面的选项中, 类选择器的基本语法格式正确的是(    )

此题分数:1.5分

A、.类名{属性值1;属性值2;属性值3; }

B、.类名{属性1:属性值1,属性2:属性值2,属性3:属性值3}

C、.类名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3;}

D、.类名{属性1:“属性值1”; 属性2:“属性值2”; 属性3:“属性值3”; }

参考答案:

C

答案解析:

类选择器使用“.”(英文点号)进行标识,后面紧跟类名,其基本语法格式如下:

.类名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }

判断共:50题分数:100分

1、

CSS背景复合属性中,各个属性间用逗号隔开。(    )

此题分数:2分

参考答案:

答案解析:

各个属性间用空格隔开。

2、

CSS3中,:before选择器属于伪元素选择器。(   )

此题分数:2分

参考答案:

答案解析:

暂无解析

3、

在3D转换中,rotateX()值为负,元素围绕X轴顺时针旋转。。(   )。

此题分数:2分

参考答案:

答案解析:

rotateX()函数用于指定元素围绕X轴旋转。其值可以是正数也可以是负数。如果值为正,元素将围绕X轴顺时针旋转;反之,如果值为负,元素围绕X轴逆时针旋转。

4、

CSS背景复合属性中,既可以定义背景图片,也可以定义背景颜色。(   )

此题分数:2分

参考答案:

答案解析:

暂无解析

5、

在图像常用格式中,GIF只能处理256种颜色。

此题分数:2分

参考答案:

答案解析:

GIF只能处理256种颜色,所以在网页制作中,GIF格式常常用于Logo、小图标及其他色彩相对单一的图像。

6、

在HTM语言中,创建锚点链接和创建超链接的方式相同。(   )

此题分数:2分

参考答案:

答案解析:

在HTM语言中,创建锚点链接分为两步:

使用“<a href="#id名">链接文本</a>”创建链接文本

使用相应的id名标注跳转目标的位置

7、

background-origin 属性中的padding-box属性值用于定义背景图像相对于内边距区域来定位。(    )

此题分数:2分

参考答案:

答案解析:

暂无解析

8、

相对路径不带有盘符,通过层级关系描述目标图像的位置。

此题分数:2分

参考答案:

答案解析:

相对路径不带有盘符,通常是以HTML网页文件为起点,通过层级关系描述目标图像的位置。

9、

超链接是指从一个网页指向一个目标的连接关系。(   )

此题分数:2分

参考答案:

答案解析:

所谓的超链接是指从一个网页指向一个目标的连接关系,这个目标可以是另一个网页,也可以是相同网页上的不同位置,还可以是一个图片,一个电子邮件地址,一个文件,甚至是一个应用程序。

10、

特殊字符的代码由前缀“&”、字符名称和后缀为英文状态下的“;”组成。

此题分数:2分

参考答案:

答案解析:

特殊字符的代码通常由前缀“&”、字符名称和后缀为英文状态下的“;”组成。

11、

在<head>中使用<link>标记可引用外部文件,一个页面只允许使用一个<link>标记引用外部文件。

此题分数:2分

参考答案:

答案解析:

一个页面往往需要多个外部文件的配合,在<head>中使用<link>标记可引用外部文件,一个页面允许使用多个<link>标记引用多个外部文件。

12、

如果将一个超链接文本链接到页面中的某个锚点,则其href属性使用【】符号加相应的id名标。

此题分数:2分

参考答案:

答案解析:

在HTML中,使用“<a href="#id名">链接文本</a>”创建链接文本,其中href="#id名"用于指定链接目标的id名称。

13、

在文本格式化标记中,<s></s>和<del></del>都用来给文本添加下划线。

此题分数:2分

参考答案:

答案解析:

<s></s>和<del></del>都用来给文本添加删除线。

14、

在<meta>标记中使用name属性提供搜索内容名称。设置网页关键字时,name的值为keywords。

此题分数:2分

参考答案:

答案解析:

name属性的值为keywords,用于定义搜索内容名称为网页关键字。

15、

在CSS中,书写图片路径的时候,尽量使用绝对路径,因为可以更稳定简洁。(   )

此题分数:2分

参考答案:

答案解析:

网页中不推荐使用绝对路径,因为网页制作完成之后我们需要将所有的文件上传到服务器,这时图像文件可能在服务器的C盘,也有可能在D盘、E盘,不能找到相应的路径。

16、

在超链接中,如果暂时没有确定链接目标,通常将<a>标记的href属性值定义为“*”。(   )

此题分数:2分

参考答案:

答案解析:

在超链接中,如果暂时没有确定链接目标时,通常将<a>标记的href属性值定义为“#”(即href="#"),表示该链接暂时为一个空链接。

17、

opacity属性用于定义元素的不透明度,参数opacityValue表示不透明度的值,它是一个介于0~1之间的浮点数值。(    )

此题分数:2分

参考答案:

答案解析:

暂无解析

18、

在实际运用中,锚点链接常应用于内容较多,页面过长的网页。(   )

此题分数:2分

参考答案:

答案解析:

如果网页内容较多,页面过长,浏览网页时就需要不断地拖动滚动条,来查看所需要的内容,这样效率较低,且不方便。为了提高信息的检索速度,HTML语言提供了一种特殊的链接——锚点链接。

19、

在特殊字符中,“<”用来表示小于号,“>”用来表示大于号。

此题分数:2分

参考答案:

答案解析:

在特殊字符中,“<”用来表示小于号,“>”用来表示大于号。

20、

图像文件和html文件位于同一文件夹,相对地址为<img src="logo.gif" />。

此题分数:2分

参考答案:

答案解析:

使用相对路径时,图像文件和html文件位于同一文件夹:只需输入图像文件的名称即可,如<img src="logo.gif" />。

21、

CSS3中定义多重背景图像时,background-position属性可用于定义图像的位置。(   )

此题分数:2分

参考答案:

答案解析:

暂无解析

22、

在HTML中创建超链接非常简单,只需用<a></a>标记环绕需要被链接的对象即可。(   )

此题分数:2分

参考答案:

答案解析:

超链接虽然在网页中占有不可替代的地位,但是在HTML中创建超链接非常简单,只需用<a></a>标记环绕需要被链接的对象即可。

23、

<p>是HTML文档中最常见的标记,文本在一个段落中会根据浏览器窗口的大小自动换行。

此题分数:2分

参考答案:

答案解析:

<p>是HTML文档中最常见的标记,默认情况下,文本在一个段落中会根据浏览器窗口的大小自动换行。

24、

创建锚点链接包括创建链接文本和设置跳转目标位置两个步骤。(   )

此题分数:2分

参考答案:

答案解析:

在HTM语言中,创建锚点链接分为两步:

使用“<a href="#id名">链接文本</a>”创建链接文本

使用相应的id名标注跳转目标的位置

25、

CSS3中增强了背景图像的功能,允许一个容器里显示多个背景图像。(   )

此题分数:2分

参考答案:

答案解析:

暂无解析

26、

使用回车键换行的段落可以实现强制换行的效果。

此题分数:2分

参考答案:

答案解析:

使用回车键换行的段落在浏览器实际显示效果中并没有换行,只是多出了一个字符的空白,而使用换行标记<br />的段落却实现了强制换行的效果。

27、

在CSS样式中,background-clip属性用于定义背景图像的裁剪区域。(    )

此题分数:2分

参考答案:

答案解析:

暂无解析

28、

书写图片路径的时候,尽量使用绝对路径,因为可以更稳定简洁。

此题分数:2分

参考答案:

答案解析:

网页中不推荐使用绝对路径,因为网页制作完成之后我们需要将所有的文件上传到服务器,这时图像文件可能在服务器的C盘,也有可能在D盘、E盘,不能找到相应的路径。

29、

在HTML语言中,通过创建锚点链接,用户能够快速定位到目标内容。(   )

此题分数:2分

参考答案:

答案解析:

所谓的超链接是指从一个网页指向一个目标的连接关系,这个目标可以是另一个网页,也可以是相同网页上的不同位置,还可以是一个图片,一个电子邮件地址,一个文件,甚至是一个应用程序。

30、

在径向渐变过程中,起始颜色会从一个中心点开始,依据椭圆或圆形形状进行扩张渐变。(   )

此题分数:2分

参考答案:

答案解析:

暂无解析

31、

在线性渐变过程中,起始颜色会沿着一条直线按顺序过渡到结束颜色。(   )

此题分数:2分

参考答案:

答案解析:

暂无解析

32、

在图像常用格式中,JPG是一种有损压缩的图像格式。

此题分数:2分

参考答案:

答案解析:

JPG是一种有损压缩的图像格式,这就意味着每修改一次图片都会造成一些图像数据的丢失。

33、

在图像常用格式中,PNG不但支持动画,还支持透明。

此题分数:2分

参考答案:

答案解析:

PNG支持alpha透明(全透明,半透明,全不透明),并且颜色过渡更平滑,但PNG不支持动画。

34、

CSS3中为实现多背景图片提供了对应的属性。(   )

此题分数:2分

参考答案:

答案解析:

CSS3中并没有为实现多背景图片提供对应的属性。

35、

CSS中背景属性是一个复合属性,可以将背景相关的样式都综合定义在一个复合属性background中。(   )

此题分数:2分

参考答案:

答案解析:

暂无解析

36、

CSS3中定义多背景图片时各个属性值之间用逗号隔开。(   )

此题分数:2分

参考答案:

答案解析:

暂无解析

37、

在特殊字符中,<sub>用来表示上标。

此题分数:2分

参考答案:

答案解析:

在特殊字符中,<sub>用来表示下标,<sup>用来表示上标。

38、

CSS背景复合属性中,各个样式顺序任意,对于不需要的样式可以省略。(   )

此题分数:2分

参考答案:

答案解析:

暂无解析

39、

在超链接中,当target取值为“_self”,意为在原窗口中打开链接页面。(   )

此题分数:2分

参考答案:

答案解析:

target用于指定链接页面的打开方式,其取值有_self和_blank两种,其中_self为默认值,意为在原窗口中打开,_blank为在新窗口中打开。

40、

在HTML页面中,<hr>为双标记,用于定义一条水平线。(  )

此题分数:2分

参考答案:

答案解析:

<hr />为单标记,不是双标记。

41、

创建锚点链接时,使用<a>标记标注跳转目标的位置。(    )

此题分数:2分

参考答案:

答案解析:

创建锚点链接时,使用相应的id名标注跳转目标的位置。

42、

通过vspace和hspace属性可以分别调整图像的垂直边距和水平边距。

此题分数:2分

参考答案:

答案解析:

HTML中通过vspace和hspace属性可以分别调整图像的垂直边距和水平边距。

43、

如果不给<img />标记设置宽和高,图片就会按照他的原始尺寸显示。

此题分数:2分

参考答案:

答案解析:

通常情况下,如果不给<img />标记设置宽和高,图片就会按照他的原始尺寸显示,当然也可以手动更改图片的大小。

44、

GIF是一种无损的图像格式,并且支持透明。

此题分数:2分

参考答案:

答案解析:

GIF是一种无损的图像格式,也就是说修改图片之后,图片质量几乎没有损失。并且GIF支持透明(全透明或全不透明)。

45、

网页当中的常用图片格式是jpg,png和tif格式。

此题分数:2分

参考答案:

答案解析:

目前网页上常用的图像格式主要有GIF、JPG和PNG三种,没有tif格式。

46、

在网页中需要插入图片的相对路径中,“../”用于指定上一级文件夹。(    )

此题分数:2分

参考答案:

答案解析:

在网页中需要插入图片的相对路径中,“../”用于指定上一级文件夹,“/”用于指定下一级文件夹。

47、

锚点链接就是带有id属性的超链接标签。(  )

此题分数:2分

参考答案:

答案解析:

在HTML中,使用“<a href="#id名">链接文本</a>”创建链接文本,是带有id属性的超链接标签。

48、

对元素应用“overflow:visible;”样式,可清除浮动对该元素的影响。(  )

此题分数:2分

参考答案:

答案解析:

对元素应用“overflow:hidden;”样式,可以清除浮动对该元素的影响。

49、

默认情况下,背景图像会自动向水平和竖直两个方向平铺。(    )

此题分数:2分

参考答案:

答案解析:

暂无解析

50、

在超链接中“href”属性用于指定链接页面的打开方式。(   )

此题分数:2分

参考答案:

答案解析:

在超链接中“target”用于指定链接页面的打开方式,其取值有_self和_blank两种,其中_self为默认值,意为在原窗口中打开,_blank为在新窗口中打开。

转载请注明出处或者链接地址:https://www.qianduange.cn//article/2807.html
标签
评论
发布的文章

第一次实验补充

2024-06-18 09:06:14

html5shiv,从入门到深入

2024-05-09 10:05:07

html5基础入门

2024-06-18 09:06:07

HTML5学习简记

2024-06-18 09:06:20

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!