静态网页制作考核试题题库及答案_第1页
静态网页制作考核试题题库及答案_第2页
静态网页制作考核试题题库及答案_第3页
静态网页制作考核试题题库及答案_第4页
静态网页制作考核试题题库及答案_第5页
已阅读5页,还剩43页未读 继续免费阅读

下载本文档

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

文档简介

静态网页制作考核试题题库

一、选择题

1、在Dreamweaver中,使用主浏览器预览网页的快捷键是()[单选题]*

A、F9

B、F11

C、F12V

D、ctrl+F12

答案解析:

使用主浏览器预览网页的快捷键是F12。

2、下列选项中,对HTML5新功能和新特性支持最好的浏览器是()[单选题]*

A、IE浏览器

B、火狐浏览器

C、Google浏览器V

D、Opera浏览器

答案解析:

由于谷歌浏览器对HTML5及CSS3的兼容性支持较好,而且调试网页非常方便,所以在HTML5网页

制作过程中谷歌浏览器是最常用的浏览器。

3、下列选项中,属于定义有序列表的基本语法格式的是()[单选题]*

A、<ol><li>歹ij表项l<li><li>歹ij表项2</li>……</OI>A/

B、<ul><li>歹I」表项l<li><li>列表项2</li>......</ul>

C、<ul>……</ul>

D、<ol>....../ol><ol>......</ol><ol>.....</ol>

答案解析:

定义有序列表的基本语法格式如下:<。1><li>列表项1</Ii><li>列表项2</li><li>列

表项3</li>......</ol>

4、下列标记中,用于定义HTML5文档所要显示内容的是(X[单选题]*

A、head

B、bodyV

C、html

D、title

答案解析:

body标记用于定义HTML文档所要显示的内容,也称为主体标记。浏览器中显示的所有文本、图像、

音频和视频等信息都必须位于body标i己内,body标记中的信息才是最终展示给用户看的。

5、下列选项中,定义无序列表的基本语法格式正确的是()[单选题]*

A、<ul><li>歹I」表项1</Ii><li>列表项2</li>......</ul>V

B、<ul><ul>列表项<ul>歹I」表项2</ul>……</ul>

C、<ul>......</ul>

D、<ul>......</ul><ul>......</ul><ul>......</ul>

答案解析:

定义无序列表的基本语法格式如下:<ul><li>列表项1</Ii><li>列表项2</li><li>列

表项3</li>......</ul>

6、关于创建锚点链接的代码,下列书写正确的是()[单选题]*

A、<ahref="#one">链接文本</a>.....<h3id="one">锚点链接</h3>V

B、<ahref="#id”>链接文本</a>......<h3id="one">锚点链接</h3>

C、<ahref="#">链接文本</a>......<h3id="one”>锚点链接</h3>

D、<ahref="#one">链接文本</a>.....<h3id="#one">锚点链接</h3>

答案解析:

在HTM语言中,创建锚点链接分为两步:1、使用“链接文本"创建链接文本2、使用相应的id名标

注跳转目标的位置

7、关于有序列表和无序列表的嵌套,下列代码书写正确的是()[单选题]*

A、<ol>列表项列表项2</li></ul></ol>

B、<ol><ul><li>歹I」表项<li>列表项2</li></ol></ul>

C、<ol><li>歹ij表项列表项<li>列表项歹I」表项

2</lix/ol>V

D、<ol><ul><ol></ol></ul></ol>

答案解析:

首先定义一个包含两个列表项的有序列表,然后在第一个列表项中嵌套一个无序列表:<。1><li>

列表项1<ul><li>列表项<li>列表项<li>列表项

2</li></ol>

8、下面选项中,可以将HTML5页面的标题设置为“管理主页"的是()[单选题]*

A、<head>管理主页</head>

B、管理主页</title>V

C、<h>管理主页</h>

D、<t>管理主页</t>

答案解析:

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

12、若超链接的href属性,需要链接到list页面中的one锚点,以下书写正确的是()[单选题]*

Axlist.html

B、#one.list

C、list#one

Dxlist.html#oneV

答案解析:

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

13、下列属性中,用于设置鼠标悬停时图像的提示文字的是哪一项?()[单选题]*

A、titleV

B、alt

C、width

D、height

答案解析:

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

14、网页中的图像文件位于html文件的下一级文件夹img下,则以下书写正确的是()[单选题]*

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

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

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

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

答案解析:

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

7'隔开。

15、下列选项中,不是<img/>标记属性的是()[单选题]*

A、src

B、alt

C、width

D、hrefV

答案解析:

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

16、以下标示符中,用于设置页面标题的是(\[单选题]*

A、<title>V

B、<caption>

C、<head>

D、<html>

答案解析:

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

17、下列关于特殊字符的说法不正确的是()[单选题]*

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

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

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

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

答案解析:

特殊字符的代码通常由前缀"&"、字符名称和后缀为英文状态下的丁组成。在网页中使用这些特

殊字符时只需输入相应的代码替代即可。另外,在Dreamweaver中,还可以通过菜单栏中的【插入】一

[HTML]一【特殊字符】选项直接插入相应特殊字符的代码。另外,转义序列各字符间不能有空格,并且

转义序列必须以分号结束。

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

题]*

A、../

B、/

C、./

D、../../V

答案解析:

图像文件位于html文件的上一级文件夹:在文件名之前加入,如果是上两级,则需要使用

以此类推。

19、下面标记中,表示换行的标记是(\[单选题]*

A、<hl>

B、<enter>

C、<br/>V

D、<hr/>

答案解析:

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

20、下列标记中,用于定义HTML5文档所要显示内容的是(\[单选题]*

A、<head></head>

B、<body></body>V

C、<html></html>

D、<title></title>

答案解析:

〈body〉标记用于定义HTML文档所要显示的内容,也称为主体标记。浏览器中显示的所有文本、图

像、音频和视频等信息都必须位于〈body>标记内,<body>标记中的信息才是最终展示给用户看的。

21、在HTML中,要定义一个空链接使用的标记是()[单选题]*

A、<ahref="#">V

B、<ahref="V>

C、<ahref=">

D、<ahref="!”>

答案解析:

要定义一个空链接使用的标记使用<ahref="#">

22、按照网页中常见的命名规范,通常底部版权区域命名为()[单选题]*

A、nav

B、footerV

C、content

D、banner

答案解析:

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

23、按照网页中常见的命名规范,属于底部版权注释代码的是()[单选题]*

A、/*nav*/

B、"footer*八/

C、/*content*/

D、/*banner*/

答案解析:

/*nav*/是导航栏的样式代码注释,/*footer*/是底部版权区域的样式代码注释,/Content*/是主体内

容的样式代码注释,/*banner*/是焦点图的样式代码注释。

24、下面哪个标签用于定义运行中的任务进度(X[单选题]*

A、〈details〉标签

B、〈progress〉标签V

C、<nav>标签

D、〈footer〉标签

答案解析:

〈progress〉标签:用于定义运行中的任务进度(进程\

25、在HTML5中,头部内容通常包含在以下哪个结构元素内。()[单选题]*

A、nav

B、headerV

C、aside

D、footer

答案解析:

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

头部的内容。

26、HTML5中,()元素经常与details元素配合使用,作为details元素的第一个子元素。[单选题]

A、nav

B、header

C、summaryV

D、footer

答案解析:

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

27、下面选项中,可以定义度量衡的标签是()[单选题]*

A、meterV

B、progeress

C、detail

D、footer

答案解析:

<meter〉标签:定义度量衡,仅用于已知最大和最小值的度量。比如:磁盘使用情况,查询结果的相

关性等。

28、下列不属于结构标签的是()[单选题]*

A、header

B、article

C、nav

D、datalistV

答案解析:

datalist是表单元素。

29、页面上的div标签,其HTML代码为<divid="box"style="coloured"〉文字</div>,为其设置

CSS样式如下:轴。刈81。匚卬呢;}那么,文字的颜色将显示为(”单选题]*

A、红色V

B、蓝色

C、黑色

D、以上选项都不正确

答案解析:

不同的选择器对同一个元素设置文本颜色时,浏览器会根据选择器的优先级规则解析CSS样式。题目

中的div标签,其行内样式设置文字为红色,id选择器样式设置文字为蓝色。由于id选择器的权重小于行

内样式,所以文字颜色显示为红色。一般来说,选择器权重优先II页序为:行内样式〉id选择器>类选择器,

标签选择器。

30、在内嵌式引入CSS样式时,<style>标记可以设置元素的样式,它一般位于()标记中标

记之后。[单选题]*

A、<hl>

B、<p>

C、<head>V

D、<body>

答案解析:

内嵌式引入CSS样式,样式放到<style>标记中,且<style>标记一般位于<head>标记中标记

之后。

31、如果使用内嵌式CSS样式表定义<p>标记字号为12像素,链入式定义<p>标记颜色为红色,那

么段落文本将显示为()[单选题]

A、只显示12像素

B、12像素红色V

C、只显ZJX红色

D、以上都不正确

答案解析:

本题考查的是CSS层叠性。所谓层叠性是指多种CSS样式的叠加。当使用内嵌式CSS样式表定义<p>

标记字号大小为12像素,链入式定义<p>标记颜色为红色,那么段落文本将显示为12像素红色,即这两

种样式产生了叠加。

32、若要在网页中插入样式表main.css,以下用法中正确的是()[单选题]*

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">V

答案解析:

使用<link〉标记引用外部CSS样式表:Vlinkrel="stylesheet"type="text/css"href="main.css"/>

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

33、当<p>标记内嵌套〈strong〉标记时,就可以使用后代选择器对其中的〈strong〉标记进行控制,

下列写法正确是()[单选题]*

A、strongp{color:red;}

B、pstrong{color:red;}V

C、strong,p{color:red;}

D、p.strong{color:red;}

答案解析:

后代选择器:把外层的标记写在前面,内层的标记写在后面,之间用空格分隔。

34、页面上的div标签,其HTML代码为<divid="box"class="red">文字</div>,为其设置CSS

样式如下:#box{color:blue;}.red{coloured;}那么,文字的颜色将显示为()[单选题]*

A、红色

B、蓝色V

C、黑色

D、白色

答案解析:

使用不同的选择器对同一个元素设置文本颜色时,浏览器会根据选择器的优先级规则解析CSS样式。

题目中的id选择器#box和类选择器.red都同时作用在了div标签上,由于id选择器的权重大于class选

择器的权重,所以文字的颜色将以#box设置的为准,显示为蓝色。

35、在CSS中,用于设置首行文本缩进的属性是()[单选题]*

A、text-decoration

B、text-align

C、text-transform

D、text-indentV

答案解析:

text-decoration属性用于设置文本的下划线,上划线,删馀线等装饰效果;text-align属性用于设置

文本内容的水平对齐;text-transform属性用于控制英文字符的大小写;text-indent属性用于设置首行文

本的缩进。故选D

36、下列选项中,关于选择器权重的优先级的说法正确的是()[单选题]*

A、标签选择器>ID选择器>类选择器

B、ID选择器〉类选择器〉标签选择器V

C、类选择器>ID选择器>标签选择器

D、ID选择器>标签选择器>类选择器

答案解析:

ID选择器>类选择器>标签选择器

37、关于行内式引入CSS样式表,以下书写正确的是()[单选题]*

A、<spanstyle=font-size:12px;coloured;>文本</span>

B、<spanstyle="font:12px;color:red;”>文本</span>

C、<spanstyle:"font-size=12pxfcolor二red;”>文本</span>

D、<spanstyle="font-size:12px;color:red;">文本</span>V

答案解析:

通过style属性引入css规则,style属性值用等号连接,css规则中表示字号的用font-size,表示字

体颜色的用color属性,css属性值用冒号连接。

38、在css属性选择器中p[att$=value],其中的$符号的作用是()[单选题]*

A、从字符串前面匹配

B、从字符串后面匹配。

C、匹配所有字符串

D、从字符串中间匹配

答案解析:

标签[属性名A$=值val]:选出所有属性名A中值以val结尾的标签。

39、p[id*=现5门{810匚#032;他田用1^卜:"楷体";匕底囚20:3(^为},选出不可以被选中设置样式的。

()[单选题]*

A、<pid="testl">示例</p>

B、<p1(^="出10$1'>示例<玲>>/

C、<pid="newtest”>示例</p>

D、<pid="oldtestXXX">示例</p>

答案解析:

标签[属性名A*=值val]表示:选出所有属性名A中值包含子串val的标签

40、p-h2{color:pink;}<body><h2>A</h2><p>风景

</p><h2>B</h2><h2>C</h2><h2>D</h2></body>,5^TA.B、C、D字体颜色变化,选出下面描

述错误的一项。()[单选题]*

A、A粉红色V

B、B粉红色

C、C粉红色

D、D粉红色

答案解析:

兄弟选择器用来选择与某元素位于同一个父元素之中,且位于该元素之后的兄弟元素。普通兄弟选择器

使用来链接前后两个选择器。选择器中的两个元素有同一个父亲,但第二个元素不必嬖跟第一个元

41、CSS文件的扩展名为(>[单选题]*

As.txt

B、.xml

C、.html

D、.cssV

答案解析:

css文件的扩展名.css

42、下列选项中,用于指定应用过渡效果的CSS属性名称的属性是(1[单选题]*

A、transition-property属性V

B、transition-duration属性

C、transition-timing-function属性

D、transition-delay属性

答案解析:

transition-property属性用于指定应用过渡效果的CSS属性的名称,其过渡效果通常在用户将指针

移动到元素上时发生。

43、下列选项中,能够旋转指定的元素对象的变形函数是(\[单选题]*

A、translate()方法

B、scale()方法

C、skew()方法

D、rotate()方法V

答案解析:

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

这时元素将逆时针旋转。

44、下列选项中,用于规定过渡效果何时开始的属性是(\[单选题]*

A、transition-property属性

B、transition-duration属性

C、transition-timing-function属性

D、transition-delay属性V

答案解析:

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

45、关于样式代码".box{width:200px;padding:15px;margin:20px;}/,下列说法正确的是(\[单

选题]*

A、.box的总宽度为200Px

B、.box的总宽度为270pxV

C、.box的总宽度为235Px

D、以上说法均错误

答案解析:

盒子的总宽度=width+左右内边距之和+左右边框宽度之和+左右外边距之和所以一box的总宽度二

width(200px)+左右内边距(15px*2)+左右外边距(20px*2)=270px

46、下列样式代码中,可以实现绝对定位模式的是(1[单选题]*

A、position:static;

B、position:fixed;

C、position:absolute;V

D、position:relative;

答案解析:

position属性的常用值有四个,分别表示不同的定位模式static:自动定位默认定位方式\relative:

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

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

47、下列选项中,用于更改元素左内边距的是(X[单选题]

A、text-indent

B、padding-leftV

C、margin-left

D、padding-right

答案解析:

在CSS中padding属性用于设置内边距,方法如下:padding-top:上内边距;padding-right:右内边

距;padding-bottom:下内边距;padding-left:左内边距;

48、下列样式代码中,用于定义盒子上边框为1像素、蓝色、单实线的是(>[单选题]*

A、border-top:lpxsolidblue;V

B、border:lpxsolidblue;

C、border-top:lpxdashedblue;

D、border:lpxdashedblue;

答案解析:

在CSS中边框属性包括边框样式属性(border-style\边框宽度属性(border-width\边框颜色属

性(border-color1单侧边框的属性、边框的综合属性。对本题中几个单词的解释如下:border-top:上边

框solid:边框为单实线dashed:边框为虚线

49、下列样式代码中,可实现元素的溢出内容被修剪,且被修剪的内容不可见的是(1[单选题]*

A、overflow:visible;

B、overflow:hidden;V

C、overflow:auto;

D、overflow:scroll;

答案解析:

overflow属性的常用值有四个,分别表示不同的含义:visible:内容不会被修剪,会呈现在元素框之

外(默认值工hidden:溢出内容会被修剪,并且被修剪的内容是不可见的。auto:在需要时产生滚动条,

即自适应所要显示的内容。scroll:溢出内容会被修剪,且浏览器会始终显示滚动条。

50、下列样式代码中,可以将块元素转换为行内元素的是(X[单选题]*

A、display:none;

B、display:block;

C、display:inline-block;

D、display:inline;V

答案解析:

display属性常用的属性值及含义如下:inline:此元素将显示为行内元素(行内元素默认的display属

性值\block:此元素将显示为块元素(块元素默认的display属性值\inline-block:此元素将显示为行

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

也不占用页面空间,相当于该元素不存在。

51、<div>标记是网页布局中最常用的标记,其显示类型为(X[单选题]*

A、块级类型V

B、行内类型

C、行内块类型

D、浮动类型

答案解析:

常见的块元素有<hl>~<h6>、<p>、<div>、<ul>,<。1>、<li>等,其中<div>标记是最典型的块

元素,常用于网页布局和网页结构的搭建。

52、<span>标记是网页布局中常见的标记,其显示类型为(\[单选题]*

A、块级类型

B、行内类型V

C、行内块类型

D、浮动类型

答案解析:

常见的行内元素有〈、、、、、、、等,

strong><b><em><i><del>x<s><ins><u><a>x<span>

其中<span>标记是最典型的行内元素。

53、设置浮动后,为不影响后面其它元素,下面所列4个方法中哪一个不可以清除浮动?()[单选题]

*

A、clear:both;

B、overflow:hidden

C、:after

D、:beforeV

答案解析:

前三种方法可以消除浮动影响

54、在CSS3中,通过()属性和边偏移可以实现网页中元素的精确定位。[单选题]*

A、float

B、positionV

C、overflow

D、grew

答案解析:

css3中通过position属性和边偏移可以精确定义一个元素的准确位置

55、()使元素脱离原来的文档流,不再占据空间。[单选题]*

A、普通流

B、相对定位

C、静态定位

D、浮动V

答案解析:

脱离文档流的3种方式:浮动、绝对定位、固定定位

56、表格中左右合并单元格用()属性。[单选题]*

A、rowspan

B、colspanV

C、rows

D、cols

答案解析:

表格中左右合并单元格用colspan属性,上下合并单元格用rowspan属性。

57、下列选项中,用于提供输入数值的文本框的input元素类型是(\[单选题]*

A、numberV

B、text

C、tel

D、url

答案解析:

number类型的input元素用于提供输入数值的文本框。在提交表单时,会自动检查该输入框中的内

容是否为数字。

58、下列选项中,用来定义下拉列表的是(X[单选题]*

A、<input/>

B.<textarea></textarea>

C.<select></select>V

D.<form>

答案解析:

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

59、下列选项中,专门用于定义输入搜索关键词的input元素类型是(\[单选题]*

A.email类型

B.search类型V

C.number类型

D.tel类型

答案解析:

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

Google搜索。

60、当点击输入框中的"x"号时,输入框中的内容会被删除,实现该效果,应使用input新增的哪个

属性()[单选题]*

A.email类型

B.search类型,

C.number类型

D.tel类型

答案解析:

search类型可以实现当点击输入框中的"X"号时,输入框中的内容会被删除的效果

61、下列选项中,用于指定表单是否有自动完成功能的属性是("单选题]*

A.action

B.autocompleteV

C.method

D.novalidate

答案解析:

autocomplete属性用于指定表单是否有自动完成功能,所谓“自动完成”是指将表单控件输入的内

容记录下来,当再次输入时,会将输入的历史记录显示在一个下拉列表里,以实现自动完成输入。

62、给input控件应用以下CSS样式:Hbackground:url(images/l.jpg)no-repeat5pxcenter

#FFF;”上述代码的含义是(\[单选题]*

A、定义input控件的背景,

B、定义input控件的文本颜色

C.定义input控件的内边距

D.定义input控件的文本宽高

答案解析:

给表单标记设置背景的属性是background属性.

63、HTML5中,用于指定页面加载后是否自动获取焦点的input属性是(\[单选题]*

A.form属性

B.autofocus属性V

C.multiple属性

D.autocomplete属性

答案解析:

在HTML5中,autofocus属性用于指定页面加载后是否自动获取焦点,将标记的属性值指定为true

时,表示页面加载完毕后会自动获取该焦点。

64、在HTML中,哪个属性用于规定输入字段是必填的()[单选题]*

A.requiredV

B.formvalidate

C.validate

0.placeholder

65、在指定单选框时,只有将以下()属性的值指定为相同,才能使它们成为一组。[单选题]*

A.type

B.nameV

C.value

0.checked

66、以下()属性表示控件在页面中默认时被选中[单选题]*

A.size

B.readonly

C.disabled

D.checkedV

67、如果有两个上下垂直关系的盒子,上面盒子的下外边距是20px,下面盒子的上外边距是50px,

那么这两个盒子之间的间距是()[单选题]*

A、20px

B、50pxV

C、70px

D、30px

答案解析:

上下外边距合并,左右外边距累加

68、如果有两个左右水平关系的盒子,左边盒子的右外边距是20px,右边盒子的左外边距是50px,

那么这两个盒子之间的间距是()[单选题]*

A、20px

B、50px

C、70pxV

D、30px

答案解析:

上下外边距合并,左右外边距累加

69、设置表格边框为0的HTML代码是()[单选题]*

A、<tablecellspacing=O>

B、<tablecellspacing="O">

C、<tableborder="0">V

D、<tablecellpadding=O>

70、关于内嵌式引入CSS样式需要把样式规则放到哪个标签中()[单选题]*

A、<style></style>V

B、<ulx/ul>

C、<divx/div>

D、<px/p>

1、在制作HTML页面时,页面的布局技术主要分为()[多选题]*

A.框架布局V

B.表格布局V

C.DIV层布局V

D.其他

2、下面属于CSS插入形式的是()侈选题]*

A.索引式

B行内式V

C.嵌入式V

D.外部式V

3、以下说法中,正确的是:(I[多选题]*

A.网页的本质就是HTML源代码。V

B.网页就是主页。

C.使用"记事本"编辑网页时,应将其保存为.htm或.html后缀。V

D.本地网站通常就是一个完整的文件夹。V

答案解析:

网页分为主页和内页

4、、关于建立站点的作用,下列说法正确的是()[多选题]*

A、可以形成明晰的站点组织结构图V

B、方便增减站内文件夹及文档。V

C、可以系统化地管理网站文件。V

D、对于网站本身的上传维护,内容的扩充和移植都有着重要的影响。V

答案解析:

"站点"对于制作维护一个网站很重要,它能够帮助我们系统地管理网站文件。可以形成明晰的站点组

织结构图,方便增减站内文件夹及文档等,这对于网站本身的上传维护,内容的扩充和移植都有着重要的影

响。

5、HTML5增加了很多新功能和新特性,下列属于HTML5优势的是()[多选题]*

A、解决了跨浏览器问题V

B、新增了多个新特性V

C、用户优先的原则V

D、化繁为简的优势V

答案解析:

HTML5增加了很多非常实用的新功能和新特性,具体优势如下:1、解决了跨浏览器问题2、新增了

多个新特性3、用户优先的原则4、化繁为简的优势

6、下列选项中,属于表单构成基本元素的是(1[多选题]*

A、表单控件V

B、提示信息V

C、表单域。

D、文木域

答案解析:

在HTML中,一个完整的表单通常由表单控件(也称为表单元素)、提示信息和表单域3个部分构成。

7、下面的选项中,哪些CSS属性有继承性()[多选题]*

A、字体属性V

B、边框属性

C、边品遍性

D、字号属性V

答案解析:

css的继承:就是给父级设置一些属性,子级继承了父级的该属性。可继承的属性有:字体系列属性

(font:组合字体font-family:规定元素的字体系列font-weight:设置字体的粗细font-size:设置字体

的尺寸font-style:定义字体的风格,等)2、文本系列属性(text-indent:文本缩进text-align:文本水

平对齐,等)等等

8、<inputtype="()"name="name"()="请输入正确的邮箱"/>中input控件类型为邮箱输

入域,并有提示信息,请补全代码。[多选题]*

A、emailV

B、text

C、placeholderV

D、value

答案解析:

表单控件中表示邮箱输入的是email类型;提示信息用placeholder属性

9、设置表格中文本的垂直对齐方式,下面代码正确的是()[多选题]*

A、text-align:center;

B、vertical-align:top;V

C、vertical-align:middle;V

D、vertical-align:bottom;>/

答案解析:

设置表格中文本的垂直对齐方式通过vertical-align

10、以下()不是块级元素[多选题]*

A.div

B.imgV

C.inputV

D.P

答案解析:

行内元素有:<span>、<a>.〈strong>、<em>s<i>、<u>、<s>.<del>.<ins>等;块元素有:

<div>、<hl>-<h6>x<p>、<ul>x<ol>x<li>x〈header〉、〈section〉、〈article〉、〈footer〉行

内块元素有:<img>、<input>

11、通过()属性设置元素的边偏移[多选题]*

A、topV

B、bottomV

C.leftV

D、rightV

12、通过position属性可以设置的定位模式有()[多选题]*

A、staticV

B、relative^

C、absoluteV

D、fixedV

13、<textarea()="10"()="60”>中设置文本显示10行,每行60个字符,请补齐其中属性。

哆选题]*

A、rowsV

B、colsV

C、rowspan

D、colspan

答案解析:

<textareacols=""rows="文本内容</textarea>cols属性:列数/宽度rows属性:行数扃度

14、p[id="demo"]{color:red;}以下哪些可以被选中并设置样式。侈选题]*

A、<pid="demo">示例l</p>V

B、<pid="mainldemo”>示例2</p>

C、<pid="demo">示例3</p>V

D、<pid=・olddemoXXX">示例4</p>

答案解析:

标签[属性名A=值val]:选出所有属性名A值为val的标签。(完全等于)

15、p[id~="dem。"]{c。l。r:green;}以下哪些可以被选中并设置样式。侈选题]*

A、<pid="demo">示例

B、<pid="mainldemo">示例2</p>V

C、<pid="demo">示例3</p>V

D、<pid="olddemoXXX"〉示例4v/p>

答案解析:

标签[属性名A~=值val]:选出所有属性名A中包含val值的标签。一个完整的属性名口包含val值

(这个字符串作为属性中某一个属性值),注意与*=区分

16、p[id*="em"]{color:blue;},以下哪些可以被选中并设置样式。侈选题*

A、<pid="demo">示例l</p>V

B、<pid="mainldemo”>示例2</p>V

C、<pid="demo">示例3</p>V

D、<pid="olddemoXXX">示例4</p>V

答案解析:

标签[属性名A*=值val]表示:选出所有属性名A中值包含子串val的标签

17、p[id$="mo"]{color:#089;}以下哪些可以被选中并设置样式。侈选题]*

A、<pid="demo">示例l</p>V

B、<pid="mainldemo”>示例2</p>V

C、<pid="demo">示例3</p>V

D、<pid="olddemoXXX">示例4</p>

答案解析:

标签[属性名A$=值val]:选出所有属性名A中值以val结尾的标签。

18、p[id八二"de"]{color:#998;}以下哪些可以被选中并设置样式。[多选题]*

A、<pid="demo">示例l</p>,

B、<pid="mainldemo”>示例2</p>

C、<pid="demo">示例3</p>V

D、<pid="olddemoXXX">示例4</p>

答案解析:

标签[属性名人人二值val]:选出所有属性名A中值以val开头的标签。

19、p+h2{color:blue;}<body><h2>—</h2><p>风景</p><h2>二</h2><h2>三</h2><h2>

四</h2></body>,请问以下一、二、三、四中哪些字体不被设置成蓝色。[多选题]

A、—V

B、二

C、三V

D、四V

答案解析:

兄弟选择器用来选择与某元素位于同一个父元素之中,且位于该元素之后的兄弟元素。其中,临近兄弟

选择器使用加号来链接前后两个选择器。第二个元素必须紧跟第一个元素。

20、p-h2{color:blue;}<body><h2>—</h2xp>Jxlg</p><h2>~</h2><h2>=</h2><h2>

四<为2></8(处>,请问以下人、B、C、D中哪些字体被设置成蓝色。[多选题]*

A、-

B、-V

C、三V

D、四V

答案解析:

兄弟选择器用来选择与某元素位于同一个父元素之中,且位于该元素之后的兄弟元素。其中,普通兄弟

选择器使用来链接前后两个选择器。第二个元素不必紧跟第一个元素。

1、在Dreamweaver中制作网页,在菜单栏中选择【文件】一【保存】选项,或使用快捷键Ctrl+S,

即可完成文件的保存。[判断题]*

对V

答案解析:

在Dreamweaver中制作网页,在菜单栏中选择【文件】一【保存】选项,或使用快捷键Ctrl+S,即

可完成文件的保存。

2、所有的HTML标签都包括开始标记符和结束标记符。[判断题]*

错V

答案解析:

单标签没有结束符

3、B标记符表示用粗体显示所包括的文字[判断题]*

对V

答案解析:

B标记符表示用粗体显示所包括的文字

4、在网页中需要插入图片的相对路径中用于指定上一级文件夹。[判断题]*

对V

答案解析:

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

5、如果不给<img/>标记设置宽和高,图片就会按照他的原始尺寸显示。[判断题]*

对V

答案解析:

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

改图片的大小。

6、在HTML标记中,属性之间不分先后顺序,标记名与属性、属性与属性之间均以逗号分开。[判断

题]

错V

答案解析:

属性之间不分先后顺序,标记名与属性、属性与属性之间均以空格分开。

7、通过vspace和hspace属性可以分别调整图像的垂直边距和水平边距。[判断题]*

对V

答案解析:

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

8、浏览器对于不同级别的标题标签使用不同的字号。[判断题]*

对V

答案解析:

浏览器对于不同级别的标题标签使用不同的字号。

9、默认情况下图像是没有边框的,通过border属性可以为图像添加边框。[判断题]*

对V

答案解析:

默认情况下图像是没有边框的,通过border属性可以为图像添加边框、设置边框的宽度,但边框颜色

的调整仅仅通过HTML属性是不能够实现的。

10、在标记的嵌套过程中,必须先结束最靠近内容的标记,再按照由外及内的顺序依次关闭标记。[判

断题]*

错V

答案解析:

在标记的嵌套过程中,必须先结束最靠近内容的标记,再按照由内及外的顺序依次关闭标记。

11、在超链接中"target"属性用于指定链接页面的打开方式。[判断题]*

对V

答案解析:

在超链接中"target"用于指定链接页面的打开方式,其取;直有_self和—blank两种,其中_self为默认

值,意为在原窗口中打开,一blank为在新窗口中打开。

12、HTML5中,cite元素可以创建一个引用标记,用于对文档参考文献的引用说明,一旦在文档中使

用了该标记,被标记的文档内容将以斜体的样式展示在页面中。()[判断题]*

对,

答案解析:

ite元素可以创建T引用标记,用于对文档参考文献的引用说明,一旦在文档中使用了该标记,被标

记的文档内容将以斜体的样式展示在页面中,以区别于段落中的其他字符。

13、在网页制作中,使用导航栏可以更清晰方便地找到所需要的资源信息。()[判断题]*

对V

答案解析:

网站使用导航栏是为了让访问者更清晰方便地找到所需要的资源信息。

14、通过分析网页效果图,可以更加高效地完成网页的布局和排版。()[判断题]*

对V

答案解析:

通过分析网页效果图,能够更加高效地完成网页的布局和排版。

15、页面布局的目的是为了使网站页面的结构更加清晰、有条理。()[判断题]*

对V

答案解析:

页面布局对于改善网站的外观非常重要,是为了使网站页面结构更加清晰、有条理,而对页面进行的

"排版"。

16、导航栏通常位于页眉区域,起着链接网站各个页面的作用。()[判断题]*

对,

答案解析:

导航栏通常是位于页眉区域的超链接文字或图片,它起着链接网站各个页面的作用.

17、在网页制作中,LOG。一般放在网站首页的导航栏中。()[判断题]*

错V

答案解析:

在网页制作中,LOGO一般放在网站首页的头部,导航栏一般位于头部模块的下方。

18、HTML5中,draggable属性用来定义元素是否可以拖动,该属性有两个值:true和false,默认

为raise,当值为true时表示元素选中之后不可以进行拖动操作,否则可以拖动。()[判断回*

错V

答案解析:

draggable属性用来定义元素是否可以拖动,该属性有两个值:true和false,默认为false,当值为

true时表示元素选中之后可以进行拖动操作,否则不能拖动。

19、HTML5中,一个figure元素内允许使用多个figcaption元素。()[判断题]*

错V

答案解析:

一个figure元素内最多允许使用一个figcaption元素。

20、HTML5中,meter元素的max属性,用于定义最小值,默认值是0。()[判断题]*

错V

答案解析:

max属性用于定义最大值,默认值是L

21、HTML5中,可以通过在nav元素内部嵌套无序列表ul来搭建导航结构。()[判断题]*

对V

答案解析:

HTML5中,可以通过在nav元素内部嵌套无序列表ul来搭建导航结构。

22、HTML5中,summary元素与details元素配合使用时,标题是可见的,当用户点击标题时,会

显示或隐藏details中的其他内容。()[判断题]*

对V

答案解析:

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

温馨提示

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

评论

0/150

提交评论