HTML基础二 测试题

HTML5

 

一、单选题（共30题，每题2分）

得分：2.0分

1.

 

以下哪个元素不是行内块元素?(   )

 

A  

 

textarea

 

B  

 

div

 

C  

 

img

 

D  

 

input

 

正确答案: B

解析:

题目问的是哪个不是行内块，textarea、img、input都是；div是块元素

得分：2.0分

2.

 

以下哪个选项不属于web标准

 

A  

 

结构

 

B  

 

表现

 

C  

 

内容

 

D  

 

行为

 

正确答案: C

解析:

web标准包含结构，表现，行为 。

得分：2.0分

3.

 

以下哪个不是定位属性的属性值?

 

A  

 

static

 

B  

 

absolute

 

C  

 

fixed

 

D  

 

visibility

 

正确答案: D

解析:

visibility是隐藏不是定位

得分：2.0分

4.

 

关于清除浮动描述错误的是

 

A  

 

设置了float属性就必须清除浮动

 

B  

 

清除浮动是为了解决浮动带来的负面影响

 

C  

 

父元素的高度无法被撑开,影响与父元素同级的元素

 

D  

 

与浮动元素同级的非浮动元素(内联元素)会跟随其后

 

正确答案: A

解析:

设置浮动的目的是为了让元素横向排列，如果需要元素再次竖向的时候，可以清除浮动，不一定设置了浮动就一定要清除。A的说法太绝对了。

得分：2.0分

5.

 

何时使用margin值描述错误的是

 

A  

 

需要在border外侧添加空白

 

B  

 

需要在border内侧添加空白

 

C  

 

两个盒子上下外侧之间的空白

 

D  

 

两个盒子左右外侧需要空白时

 

正确答案: B

解析:

margin外边距，B项描述是内填充padding

得分：2.0分

6.

 

不属于form标签的属性的是?

 

A  

 

name

 

B  

 

method

 

C  

 

get

 

D  

 

action

 

正确答案: C

解析:

题目问的是form的属性，get是属性值，form有target属性 ，规定在何处打开 action URL。

得分：2.0分

7.

 

img标签中不包含的属性有?

 

A  

 

alt

 

B  

 

title

 

C  

 

url

 

D  

 

src

 

正确答案: C

解析:

题目问的是不包含，url是css里面background的属性，不属于img

得分：2.0分

8.

 

以下属性值中不属于border常用线型的是?

 

A  

 

solid

 

B  

 

adobe

 

C  

 

dashed

 

D  

 

dotted

 

正确答案: B

解析:

问不属于border的线型，重点在不，所以选择B，ACD是线型

得分：2.0分

9.

 

下面哪个方法可以去掉文本超链接的下划线?

 

A  

 

text-decoration:none;

 

B  

 

text-decoration:underline;

 

C  

 

text-decoration:overline;

 

D  

 

text-decoration:line-through;

 

正确答案: A

解析:

问的是去除下划线，Anone是去除B是下划线C是上划线D是删除线

得分：2.0分

10.

 

以下哪个选项是对对象进行定位的?

 

A  

 

margin

 

B  

 

border

 

C  

 

position

 

D  

 

content

 

正确答案: C

解析:

A、margin外边距border边框position定位content内容

得分：2.0分

11.

 

实现背景不平铺效果,对应的CSS为?

 

A  

 

div{backgroud-image:url(images/bg.gif);}

 

B  

 

div{backgroud-image:url(images/bg.gif) repeat-x;}

 

C  

 

div{backgroud-image:url(images/bg.gif) repeat-y;}

 

D  

 

div{background:url(images/bg.gif) no-repeat;}

 

正确答案: D

解析:

问的是不平铺，所以选D

得分：2.0分

12.

 

在HTML中,以下关于CSS样式中文本及字体属性的说法,错误的是(    )

 

A  

 

font-size用来设置文本字体的大小

 

B  

 

text-align用来设置文本的对齐方式

 

C  

 

font-type用来设置字体的类型

 

D  

 

font-weight用来设置字体的粗细

 

正确答案: C

解析:

问的是错误的，css文本里面没有font-type这个属性

得分：2.0分

13.

 

在HTML中,才下哪项是用来表示空格的

 

A  

 

 

 

B  

 

&qt;

 

C  

 

<

 

D  

 

©

 

正确答案: A

解析:

空格  ©是版权符号 &lt；是小于号， 没有&qt这个内容

得分：2.0分

14.

 

在CSS中,可用于设置文本的行高的属性是(   )

 

A  

 

text-indent

 

B  

 

text-overflow

 

C  

 

line-height

 

D  

 

min-height

 

正确答案: C

解析:

行高 line-height

得分：2.0分

15.

 

设置首行缩进的属性是(     )

 

A  

 

letter-spacing:10px

 

B  

 

cellspacing:10px

 

C  

 

text-indent:2em;

 

D  

 

z-index:2em;

 

正确答案: C

解析:

letter-spacing 字间距 text-indent首行缩进 z-index 层叠顺序

得分：2.0分

16.

 

下列不属于样式表创建方式的是()

 

A  

 

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

 

B  

 

<style></style>

 

C  

 

<style>@import url();</style>

 

D  

 

<script src=""></script>

 

正确答案: D

解析:

样式表的创建有内部样式<style></style>外部样式<link/><style>@import url();</style>内联样式<div style=""></div> script引入的是JavaScript文件

得分：2.0分

17.

 

元素高度自适应窗口高度设置方法(   )

 

A  

 

body{ height:100%; }

 

B  

 

html{ width:100%;height:100%; }

 

C  

 

html,body{ height:100%; }

 

D  

 

html body{ width:100%;height:100%; }

 

正确答案: C

解析:

自适应窗口的宽高度html,body{height:100%;width:100%;}

得分：2.0分

18.

 

HTML语义化描述错误的是( )

 

A  

 

语义化没有任何意义

 

B  

 

直观的认识标签对于搜索引擎的抓取有好处,用正确的标签做正确的事情

 

C  

 

HTML语义化就是让页面的内容结构化,便于对浏览器,搜索引擎解析

 

D  

 

在没有样式css情况下也以一种文档格式显示,并且是容易阅读

 

正确答案: A

解析:

语义化对于页面有很好的重要性。

得分：2.0分

19.

 

关于为什么要初始化CSS样式,错误的是( )

 

A  

 

因为浏览器的兼容问题,不同浏览器对有些标签的默认值是不同的

 

B  

 

没有对CSS初始化往往会出现浏览器之间的页面显示差异

 

C  

 

为了避免不同浏览器的有不同的显示效果

 

D  

 

不初始化CSS样式也没有任何问题

 

正确答案: D

解析:

首先是因为浏览器的兼容问题，不同浏览器对有些标签的默认值是不同的，如果没对CSS初始化往往会出现浏览器之间的页面显示差异。 其次初始化CSS样式可以提高编码质量，保持代码的统一性，如果不初始化整个页面做完很糟糕，重复的CSS样式很多。去掉标签的默认样式如：margin,padding，其他浏览器默认解析字体大小，字体设置。

得分：2.0分

20.

 

下列哪条语句定义后,可以使内联元素设置宽和高?(  )

 

A  

 

display:block;

 

B  

 

padding:blcok;

 

C  

 

display:inline;

 

D  

 

display:none;

 

正确答案: A

解析:

块元素（display：block；）和行内块元素（display：inline-block）可以设置宽度和高度

得分：2.0分

21.

 

下面选项中,可以设置页面中某个DIV标签当内容溢出的时候出现滚动条的是(    )

 

A  

 

overflow:hidden

 

B  

 

display:block

 

C  

 

overflow:scroll

 

D  

 

display:scroll;

 

正确答案: C

解析:

超出显示滚动条用的是overflow：auto或者scroll；

得分：2.0分

22.

 

在HTML中,以下关于position属性的设定值描述错误的是(   )

 

A  

 

static为默认值,没有定位,元素按照标准流进行布局

 

B  

 

relative属性值设置元素的相对定位,垂直方向的偏移量使用up或down属性来指定

 

C  

 

absolute表示绝对定位,需要配合top、right、bottom、left属性来实现元素的偏移量

 

D  

 

用来实现偏移量的left和right等属性的值,可以为负数

 

正确答案: B

解析:

absolute 生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。 元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。 fixed 生成绝对定位的元素，相对于浏览器窗口进行定位。 元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。 relative 生成相对定位的元素，相对于其正常位置进行定位。 因此，"left:20" 会向元素的 LEFT 位置添加 20 像素。 static 默认值。没有定位，元素出现在正常的流中（忽略 top, bottom, left, right 或者 z-index 声明）。

得分：2.0分

23.

 

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

 

A  

 

line-height

 

B  

 

text-align

 

C  

 

letter-spacing

 

D  

 

text-indent

 

正确答案: D

解析:

首行缩进  text-indent

得分：2.0分

24.

 

在HTML中,下面(   )不属于HTML文档的基本组成部分

 

A  

 

<head></head>

 

B  

 

<body></body>

 

C  

 

<html></html>

 

D  

 

<sytyle></style>

 

正确答案: D

解析:

HTML的基础组成部分 head body html

得分：2.0分

25.

 

在HTML中网页中,如果需要在CSS样式表中设置文本的字体是"隶书",则需要设置文本的属性(    )

 

A  

 

font-size

 

B  

 

font-family

 

C  

 

font-style

 

D  

 

face

 

正确答案: B

解析:

font-family设置字体。

得分：2.0分

26.

 

在HTML中,关于CSS语法的说法错误的是(   )

 

A  

 

css样式无法实现页面的精确控制

 

B  

 

每条样式规则使用分号(;)隔开

 

C  

 

css样式实现了结构与表现的分离,利于团队开发

 

D  

 

声明是由属性和属性值组成,声明是放在花括号里面

 

正确答案: A

解析:

略

得分：2.0分

27.

 

在HTML中,以下(    )能够实现表格跨行合并(向下合并单元格)?

 

A  

 

colspan标签

 

B  

 

rowspan属性

 

C  

 

rowspan标签

 

D  

 

colspan属性

 

正确答案: B

解析:

colspan属性  合并列  rowspan属性  合并行

得分：0.0分

28.

 

可以解决图片底部间隙的问题的方法正确的是

 

A  

 

display:inline-block

 

B  

 

margin:0;

 

C  

 

padding:0;

 

D  

 

display：block；

 

正确答案: D

解析:

题目问的是图片撑大3像素的兼容问题，解决方法有2个，1是给img设置display：block；或者vertical-align：top;。

得分：2.0分

29.

 

关于表格的数据行分组标签,说法正确的是 (   )

 

A  

 

<thead><tbody><tfoot>分别表示页眉,数据主体,页脚。

 

B  

 

<thead><tbody><tfoot>不利于表格的整体样式，不建议设置。

 

C  

 

<thead>和<tfoot>可以多次重复使用。

 

D  

 

<thead><tbody><tfoot>可以代替tr标签

 

正确答案: A

解析:

<thead><tbody><tfoot>分别表示页眉，数据主体，页脚，  这3组标签包含td或者th

得分：2.0分

30.

 

以下哪个标签是属于table表格的行分组的标签?

 

A  

 

tfoot

 

B  

 

col

 

C  

 

caption

 

D  

 

colgroup

 

正确答案: A

解析:

表格行分组是thead  tbody tfoot所以选择A；col和colgroup是列分组，caption是表格标题

二、多选题(不定项选择)（共20题，每题2分）

得分：2.0分

1.

 

结构:<div><p></p></div> CSS:div{width:678px;height:456px;background:#f00;}         p{width:234px;height:124px;background:#00f;} 以下选项中,可以实现让p在div中水平和垂直居中的代码

 

A  

 

给p添加position:absolute;left:0;top:0;bottom:0;right:0;margin:auto 给div添加position:relative

 

B  

 

给p添加position:absolute;left:50%;top:50%; 给div添加position:relative

 

C  

 

给p添加position:absolute; left:50%;top:50%;margin-left:117px;margin-top:62px 给div添加position:absolute

 

D  

 

给p添加position:absolute;left:50%;top:50%;margin-left:-117px;margin-top:-62px 给div添加position:absolute

 

正确答案: A,D

解析:

定位的两种居中方法

得分：2.0分

2.

 

让元素的高度自适应窗口的高度,以下哪些选项可以实现?

 

A  

 

元素{height:100%}

 

B  

 

html{height:100%;}body{height:100%;}元素{height:100%;}

 

C  

 

html body{height:100%};元素{height:100%}

 

D  

 

html,body{height:100%;}元素{height:100%;}

 

正确答案: B,D

解析:

自适应浏览器窗口一定要个html和body设置height:100%

得分：2.0分

3.

 

隐藏元素的方法有

 

A  

 

overflow:hidden;

 

B  

 

display:none;

 

C  

 

visibility:hidden;

 

D  

 

display:hidden;

 

正确答案: B,C

解析:

overflow:hidden;不是隐藏元素而是隐藏元素溢出的部分

得分：0.0分

4.

 

以下哪些属性,可以让元素不论本身是什么元素类型,设置之后都会产生块级框(块级元素的特点来显示)

 

A  

 

display:block

 

B  

 

position:fixed

 

C  

 

float:left

 

D  

 

position:absolute

 

正确答案: A,B,C,D

解析:

例如span默认不可以设置宽高，一旦浮动或者使用绝对定位和固定定位，就可以设置了

得分：0.0分

5.

 

z-index结合以下哪些选项一起使用有效

 

A  

 

position:absolute;

 

B  

 

position:fixed;

 

C  

 

position:static;

 

D  

 

position:relative;

 

正确答案: A,B,D

解析:

z-index必须配合定位属性才生效

得分：2.0分

6.

 

以下哪个选项可以让标签脱离文档流

 

A  

 

position:absolute

 

B  

 

position:relative

 

C  

 

position:static

 

D  

 

position:fixed

 

正确答案: A,D

解析:

AD

得分：0.0分

7.

 

行内元素的特征有哪些

 

A  

 

此元素可以和其他行内元素在一行内逐个显示

 

B  

 

可以设置宽度和高度

 

C  

 

此元素的宽度和高度跟据内容而定

 

D  

 

可以使用盒模型中的margin,padding属性,但是垂直方向的显示不正常

 

正确答案: A,C,D

解析:

ACD

得分：2.0分

8.

 

块状元素的特征有哪些

 

A  

 

可以设置宽度和高度

 

B  

 

一般作为容器使用

 

C  

 

此元素正常情况下不会和其它元素在同一行内显示

 

D  

 

默认情况下,可以和其他标签在一行内逐个显示

 

正确答案: A,B,C

解析:

ABC

得分：2.0分

9.

 

以下对fixed定位描述正确的是

 

A  

 

fixed定位不会使元素脱离正常文档流

 

B  

 

fixed定位会使元素脱离正常文档流

 

C  

 

fixed定位是根据浏览器的文档窗口进行定位的

 

D  

 

fixed定位是根据离元素最近的并且有定位设置的父元素进行定位的

 

正确答案: B,C

解析:

固定定位

得分：2.0分

10.

 

以下对z-index属性描述正确的是

 

A  

 

给元素设置z-index属性可以改变元素的大小

 

B  

 

给定位元素设置z-index属性可以改变元素的堆叠顺序

 

C  

 

元素默认的z-index值是1

 

D  

 

z-index的属性值可以是负值

 

正确答案: B,D

解析:

z-index层叠属性，默认值是0，是可以给负值的

得分：2.0分

11.

 

以下哪些为块元素?

 

A  

 

span

 

B  

 

p

 

C  

 

h1

 

D  

 

a

 

正确答案: B,C

解析:

span、a是行内元素

得分：2.0分

12.

 

元素类型分为哪两种类型?

 

A  

 

块状元素

 

B  

 

内联元素

 

C  

 

未知元素

 

D  

 

行内块元素

 

正确答案: A,B

解析:

块状元素、内联元素(又叫行内元素)

得分：2.0分

13.

 

overflow属性的属性值有哪些

 

A  

 

hidden

 

B  

 

visible

 

C  

 

scroll

 

D  

 

auto

 

正确答案: A,B,C,D

解析:

overflow：hidden;/visible/scroll/auto等

得分：2.0分

14.

 

盒子内的文本溢出,让盒子显示滚动条,以下哪个属性不能实现此效果

 

A  

 

display

 

B  

 

overflow

 

C  

 

float

 

D  

 

position

 

正确答案: A,C,D

解析:

文本溢出显示滚动条，只能用overflow属性

得分：2.0分

15.

 

以下选项中display的属性值为inline-block的标签有哪些

 

A  

 

img

 

B  

 

input

 

C  

 

textarea文本域

 

D  

 

select下拉列表

 

正确答案: A,B,C,D

解析:

问的是行内块元素都有谁，ABCD

得分：2.0分

16.

 

以下选项中是position定位的属性值的选项有哪些

 

A  

 

static

 

B  

 

auto

 

C  

 

fixed

 

D  

 

relative

 

正确答案: A,C,D

解析:

auto不是position的值

得分：0.0分

17.

 

position定位属性设置哪些属性值,添加z-index属性会有效

 

A  

 

static

 

B  

 

absolute

 

C  

 

relative

 

D  

 

fixed

 

正确答案: B,C,D

解析:

z-index必须结合position属性才生效

得分：0.0分

18.

 

以下描述正确的是

 

A  

 

元素类型分为两种分别是:行内元素,块状元素

 

B  

 

li标签display的默认属性值是list-item。

 

C  

 

display:none会设置内容隐藏。

 

D  

 

display属性可以设置元素类型转换。

 

正确答案: A,B,C,D

解析:

ABCD

得分：0.0分

19.

 

网页宽高自适应的优点有哪些

 

A  

 

程序员修改代码灵活

 

B  

 

能够使网页显示更灵活

 

C  

 

可以适应在不同设备、不同窗口和不同分辨率下正常显示

 

D  

 

太麻烦，不建议使用宽高自适应。

 

正确答案: A,B,C

解析:

ABC

得分：2.0分

20.

 

下面选项中对置换元素描述正确的是（就是行内块元素标签）

 

A  

 

元素本身拥有固有尺寸,宽度,高度或宽高比

 

B  

 

都带有边框

 

C  

 

置换元素可以设置盒模型的属性

 

D  

 

置换元素不能设置宽高。

 

正确答案: A,C

解析:

AC正确

客观题:86分