HTML基础一 测试题

HTML5

 

一、单选题(共30题,每题2分)

得分:2.0分

1.

 

 

下面关于外部样式表的说法错误的是

 

A  

 

 

文件扩展名为 .cs

 

B  

 

 

外部样式表内容不需要使用<style>标签

 

C  

 

 

使用<link>标签引入外部样式

 

D  

 

 

使用外部样式表可以使网站更加简洁,风格保持统一

 

正确答案: A

解析:

文件扩展名为  .css

得分:2.0分

2.

 

 

下列在HTML文档中插入样式表的方式,优先级最高的是

 

A  

 

 

外部样式表

 

B  

 

 

内部样式表

 

C  

 

 

层叠样式表

 

D  

 

 

内联样式表

 

正确答案: D

解析:

样式表的优先级:

内联样式表的优先级别最高

内部样式表和外部样式表的优先级别跟他们的先后顺序有关

 

得分:2.0分

3.

 

 

下面的描述正确的是 #menu{         font-size:14px; }

 

A  

 

 

#menu是标签选择器

 

B  

 

 

#menu是元素选择器

 

C  

 

 

#menu是类选择器

 

D  

 

 

#menu是ID选择器

 

正确答案: D

解析:

标签选择器,元素选择器是直接拿标签名称作为选择器

类选择器  的语法是一个 .

ID选择器  的语法是#

得分:2.0分

4.

 

 

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

 

A  

 

 

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

 

B  

 

 

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

 

C  

 

 

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

 

D  

 

 

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

 

正确答案: A

解析:

background-image属性后面只能添加图片路径的属性值,因为他不是复合式写法,不能同时添加平铺属性值。当只添加背景图时,背景图默认平铺。

得分:2.0分

5.

 

 

在HTML中,关于CSS样式的说法错误的是

 

A  

 

 

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

 

B  

 

 

每条样式声明使用分号(;)隔开

 

C  

 

 

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

 

D  

 

 

css中属性和属性值用冒号连接

 

正确答案: A

解析:

css可以实现精确的设置。顾选择A。

得分:2.0分

6.

 

 

阅读下面CSS代码,下面选项中与该代码段效果等同的是 .box { margin:10px 5px; margin-right:10px; margin-top:5px; }

 

A  

 

 

.box{margin:5px 10px 10px 5px;}

 

B  

 

 

.box{margin:5px 10px 0px 0px;}

 

C  

 

 

.box{margin:5px 10px;}

 

D  

 

 

.box{margin:10px 5px 10px 5px;}

 

正确答案: A

解析:

margin:10px  5px ;代表 上下为10px 左右为5;

margin-right:10px;替换了之前设置好的5px;因为后写的优先级高;

margin-top:5px; 替换了之前的上边距的值  ,修改为5px;因为后写的优先级别高;

所以最终读取的值为margin:5px 10px 10px 5px;  顾选择A选项。

得分:0.0分

7.

 

 

下列css属性中,用于指定背景图片固定的是

 

A  

 

 

background-color

 

B  

 

 

background-image

 

C  

 

 

background-position

 

D  

 

 

background-attachment

 

正确答案: D

解析:

background-color设置背景颜色属性

background-image 添加背景图属性

background-position 设置背景图定位属性

background-attachment设置背景图固定属性,顾选择D

得分:2.0分

8.

 

 

若要使用CSS控制字体的大小,则应该设置

 

A  

 

 

font-size

 

B  

 

 

font-weight

 

C  

 

 

font-style

 

D  

 

 

font-family

 

正确答案: A

解析:

font-weight加粗font-style倾斜font-family字体

得分:2.0分

9.

 

 

CSS盒子模型中表示内容与边框间的距离的属性为

 

A  

 

 

padding

 

B  

 

 

margin

 

C  

 

 

border

 

D  

 

 

cellpadding

 

正确答案: A

解析:

margin为外边框border为边框cellpadding为表格的内容到边框之间的距离。

得分:2.0分

10.

 

 

关于以下HTML代码片段,说法错误的是

<img src="q.jpg" alt="可乐鸡翅" title="香喷喷">

 

A  

 

 

alt属性指定替代文本,title属性指的是鼠标移到元素上时给的提示信息

 

B  

 

 

将鼠标移至图片位置则显示"香喷喷"

 

C  

 

 

当图片路径错误或网速太慢时,图片位置则会显示"可乐鸡翅"

 

D  

 

 

有语法错误,什么也不显示

 

正确答案: D

解析:

此题无语法错误

得分:2.0分

11.

 

 

下列关于CSS语法规则的描述错误的是

 

A  

 

 

CSS的规则由选择器和声明两部分构成,选择器包括标签选择器、ID选择器和类选择器等

 

B  

 

 

声明必须放在大括号{}中,声明可以是一条,也可以是多条

 

C  

 

 

每一条声明结束,以冒号结尾,最后一条语句的冒号不可以省略不写

 

D  

 

 

每一条声明由属性和值组成

 

正确答案: C

解析:

每一条声明结束,以分号结尾,最后一条语句的分号不可以省略不写

得分:2.0分

12.

 

 

下列css语法结构,完全正确的是

 

A  

 

 

p{font-size:12;color:red;}

 

B  

 

 

p{font-size:12;color:#red;}

 

C  

 

 

p{font-size:12px;color:red;}

 

D  

 

 

p{font-size:12px;color:#red;}

 

正确答案: C

解析:

p{font-size:12;color:red;}改成font-size:12px;将p{font-size:12px;color:#red;}color:red; 

得分:2.0分

13.

 

 

下列哪个属性值不是水平对齐属性的

 

A  

 

 

justify

 

B  

 

 

middle

 

C  

 

 

left

 

D  

 

 

right

 

正确答案: B

解析:

middle为垂直对齐的属性值

得分:2.0分

14.

 

 

在CSS中,不属于伪类选择符的是?

 

A  

 

 

a:link

 

B  

 

 

a:hover

 

C  

 

 

a:hidden

 

D  

 

 

a:active

 

正确答案: C

解析:

伪类选择符中没有:hidden

得分:2.0分

15.

 

 

根据css的语法,分析下面代码,判断以下选项中表示“属性”的选项是?

 p{color:red;font-size:30px;font-family:"宋体";}

 

A  

 

 

p

 

B  

 

 

color

 

C  

 

 

30px

 

D  

 

 

宋体

 

正确答案: B

解析:

p代表选择符;30px 和“宋体”代表属性值,color表示设置文本颜色的属性,所以选择B选项。

得分:2.0分

16.

 

 

鼠标点击(按下)时的超链接样式

 

A  

 

 

a:link

 

B  

 

 

a:visited

 

C  

 

 

a:hover

 

D  

 

 

a:active

 

正确答案: D

解析:

a:link    初始状态

a:visited  点击过后的状态

a:hover  划过后状态

a:active  点击时的状态

得分:2.0分

17.

 

 

在HTML中,以下关于样式表的优点描述不正确的是

 

A  

 

 

实现内容和表现的分离

 

B  

 

 

方便维护

 

C  

 

 

有利于提高网页浏览速度

 

D  

 

 

只是书写习惯

 

正确答案: D

解析:

有利于搜索引擎搜索

得分:2.0分

18.

 

 

下列哪个标签是HTML中的文本标题标签

 

A  

 

 

h1

 

B  

 

 

p

 

C  

 

 

div

 

D  

 

 

span

 

正确答案: A

解析:

h1  一级标题

p 段落

div  文档布局对象,块

span 文字节点

得分:0.0分

19.

 

 

在HTML中,以下能够实现表格列合并的是 

 

A  

 

 

colspan属性

 

B  

 

 

rowspan属性

 

C  

 

 

colspan标签

 

D  

 

 

rowspan标签

 

正确答案: A

解析:

<table >

    <tr>

        <td colspan="2"></td>

    </tr>

    <tr>

        <td></td>

        <td></td>

    </tr>

</table>

colspan为并单元格的列数

 

得分:0.0分

20.

 

 

阅读下列关于表单内容的HTML代码,其中有几处错误。 <from action="post" method="test.html"> 用户名<input type="text" name="uname" /> 密码<input type="password" name="pwd" /> <input type="submit" /> </form>

 

A  

 

 

1

 

B  

 

 

2

 

C  

 

 

3

 

D  

 

 

4

 

正确答案: C

解析:

 <from action="post" method="test.html">from改成form, method中放的是传输方式,action中放的是地址

得分:2.0分

21.

 

 

表格的基本语法结构是

 

A  

 

 

<table><td><tr></tr></td></table>

 

B  

 

 

<table><td></tr><tr></td></table>

 

C  

 

 

<tr><table><td></td></table></tr>

 

D  

 

 

<table><tr><td></td></tr></table>

 

正确答案: D

解析:

table表格标签

tr为行标签

td为单元格

 

得分:2.0分

22.

 

 

下面HTML代码片段中,符合XHTML使用规范的是

 

A  

 

 

<input type="text" value="hello">

 

B  

 

 

</br>

 

C  

 

 

<br/>

 

D  

 

 

<img src=" Welcome.jpg" alt="Welcome">

 

正确答案: C

解析:

单标签没有结束标记

只在标签尾部加一个斜杠即可

<br />

得分:2.0分

23.

 

 

下列超链接单击后可以跳转到http://www.qfedu.com网站

 

A  

 

 

<a href="http://www. qfedu.com">千锋教育</a>

 

B  

 

 

<a href="千锋教育"> http://www. qfedu.com </a>

 

C  

 

 

<a target=" http://www. qfedu.com ">千锋教育</a>

 

D  

 

 

<a target="千锋教育"> http://www. qfedu.com </a>

 

正确答案: A

解析:

超链接的语法:

<a href="链接地址">链接文本/图片</a>

得分:2.0分

24.

 

 

在HTML中,当表单中的input元素的type属性值是什么的时候为提交按钮

 

A  

 

 

password

 

B  

 

 

button

 

C  

 

 

reset

 

D  

 

 

submit

 

正确答案: D

解析:

<input type="password"/>密码框

<input type="button"/>跳转按钮

<input type="reset"/>重置按钮

<input type="submit"/>提交按钮

 

 

得分:2.0分

25.

 

 

在HTML中,表单中的input元素的type属性值不可以是

 

A  

 

 

password

 

B  

 

 

radiobutton

 

C  

 

 

text

 

D  

 

 

submit

 

正确答案: B

解析:

radiobutton错误

单选框为radio

跳转按钮为button

得分:2.0分

26.

 

 

在HTML中,在网页中创建表单用

 

A  

 

 

input

 

B  

 

 

select

 

C  

 

 

table

 

D  

 

 

form

 

正确答案: D

解析:

form表单域

input,select为表单元素

table为表格标签

得分:2.0分

27.

 

 

在网页中常见的图片格式

 

A  

 

 

JPG和GIF

 

B  

 

 

JPG和PSD

 

C  

 

 

PSD和BMP

 

D  

 

 

PNG和SWF

 

正确答案: A

解析:

网页中,常见的图片格式为jpg,png,gif

得分:2.0分

28.

 

 

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

 

A  

 

 

<style></style>

 

B  

 

 

<body></body>

 

C  

 

 

<html></html>

 

D  

 

 

<head></head>

 

正确答案: A

解析:

HTML的基本结构组成

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8" />

<title></title>

</head>

<body>

</body>

</html>

 

得分:2.0分

29.

 

 

在HTML中,若实现点击超链接时,弹出一个新的网页窗口,下列的哪个选项符合要求

 

A  

 

 

<a href="right.html" target="_blank">节目</a>

 

B  

 

 

<a href="right.html" target="_self">节目</a>

 

C  

 

 

<a href="right.html" target="_parent">节目</a>

 

D  

 

 

<a href="right.html" target="_top">节目</a>

 

正确答案: A

解析:

target="_blank"新窗口打开

target="_self"当前窗口打开

得分:2.0分

30.

 

 

从优化的角度来说以下哪个img属性是优化比较好的

 

A  

 

 

width

 

B  

 

 

border

 

C  

 

 

alt

 

D  

 

 

height

 

正确答案: C

解析:

alt为替换文本,当图片不显示的时候才会出现。也被称作图片名,方便SEO搜索

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

得分:2.0分

1.

 

 

下列元素中,为单标记的是

 

A  

 

 

br

 

B  

 

 

span

 

C  

 

 

strong

 

D  

 

 

hr

 

正确答案: A,D

解析:

<strong></strong><span></span>

得分:0.0分

2.

 

 

以下声明可将背景颜色设为red的有

 

A  

 

 

color:red;

 

B  

 

 

background:red;

 

C  

 

 

background-color:red;

 

D  

 

 

font-color:red;

 

正确答案: B,C

解析:

背景的属性为background

得分:0.0分

3.

 

 

查看如下代码 .red{color:red;} 下列选项中,文字显示为红色的是

 

A  

 

 

<a href="#"  class="red">文本A</a>

 

B  

 

 

<div  class="red"><a href="#">文本B</a></div>

 

C  

 

 

<p class="red"><a href="#">文本C</a></p>

 

D  

 

 

<p><a href="#" class="red">文本C</a></p>

 

正确答案: A,D

解析:

AD

得分:2.0分

4.

 

 

以下属性写法正确的有

 

A  

 

 

padding:-10px

 

B  

 

 

padding:10px

 

C  

 

 

margin:10px

 

D  

 

 

margin:-10px

 

正确答案: B,C,D

解析:

padding不能写负值,margin可以写负值

得分:2.0分

5.

 

 

下列html标签中属于列表的元素是

 

A  

 

 

h3

 

B  

 

 

ol

 

C  

 

 

hr

 

D  

 

 

li

 

正确答案: B,D

解析:

BD

得分:0.0分

6.

 

 

下列属性中哪个是有序列表ol的html属性

 

A  

 

 

color

 

B  

 

 

src

 

C  

 

 

type

 

D  

 

 

start

 

正确答案: C,D

解析:

CD

得分:0.0分

7.

 

 

CSS样式文件的类型不包括

 

A  

 

 

内部样式表

 

B  

 

 

外部样式表

 

C  

 

 

单独样式表

 

D  

 

 

包含样式表

 

正确答案: C,D

解析:

CD

得分:0.0分

8.

 

 

下列属性可以去除li默认样式的有

 

A  

 

 

list-style-type

 

B  

 

 

list-style-image

 

C  

 

 

list-style

 

D  

 

 

list-position

 

正确答案: A,C

解析:

AC

得分:0.0分

9.

 

 

设置可以插入背景图片的属性有

 

A  

 

 

background-image

 

B  

 

 

background-repeat

 

C  

 

 

background-attachment

 

D  

 

 

background

 

正确答案: A,D

解析:

AD

得分:2.0分

10.

 

 

下列属性值属于清除浮动clear的是

 

A  

 

 

left

 

B  

 

 

right

 

C  

 

 

both

 

D  

 

 

center

 

正确答案: A,B,C

解析:

ABC

得分:2.0分

11.

 

 

下列哪些标准是由W3C(万维网联盟)制定的

 

A  

 

 

html

 

B  

 

 

css

 

C  

 

 

xhtml

 

D  

 

 

javascript

 

正确答案: A,B,C

解析:

ABC

得分:2.0分

12.

 

 

<a>的伪类选择符不包括

 

A  

 

 

a:link

 

B  

 

 

a:onfouce

 

C  

 

 

a:visited

 

D  

 

 

a:onclick

 

正确答案: B,D

解析:

BD

得分:2.0分

13.

 

 

要实现以下功能:在网页中插入一个图片cat.gif,使用者通过单击该图片,连接到home.html页面。下面的HTML代码正确的是

 

A  

 

 

<a href="home.html" target=“_blank”> <img src="images/cat.gif"></a>

 

B  

 

 

<a href=" home.html" src="images/cat.gif"></a>

 

C  

 

 

<a href="home.html">< img src="images/cat.gif"></a>

 

D  

 

 

<a href="images/cat.gif"></a>

 

正确答案: A,C

解析:

AC

得分:2.0分

14.

 

 

默认倾斜的元素有

 

A  

 

 

a

 

B  

 

 

em

 

C  

 

 

i

 

D  

 

 

s

 

正确答案: B,C

解析:

BC

得分:2.0分

15.

 

 

设置单独一条边框线的属性有

 

A  

 

 

border-top

 

B  

 

 

border-bottom

 

C  

 

 

border-center

 

D  

 

 

border-middle

 

正确答案: A,B

解析:

AB

得分:0.0分

16.

 

 

下列权重值大于50的有

 

A  

 

 

内联样式表

 

B  

 

 

标记选择器

 

C  

 

 

class选择器

 

D  

 

 

id选择器

 

正确答案: A,D

解析:

A 内联样式 权重为1000 

D id选择器   权重为100

得分:2.0分

17.

 

 

选出你认为最合理的定义标题的方法

 

A  

 

 

<span class=""heading"">文章标题</span>

 

B  

 

 

<h2>文章标题</h2>

 

C  

 

 

<h3>文章标题</h3>

 

D  

 

 

<strong>文章标题</strong>

 

正确答案: B,C

解析:

h1-h6文本标题标签

得分:2.0分

18.

 

 

属于img标签的属性

 

A  

 

 

src

 

B  

 

 

title

 

C  

 

 

href

 

D  

 

 

alt

 

正确答案: A,B,D

解析:

src 图像的路径
alt 提示文字

title提示文本

得分:0.0分

19.

 

 

关于样式表的优先级说法正确的是

 

A  

 

 

直接定义在标记上的css样式级别最高

 

B  

 

 

内部样式表次之

 

C  

 

 

外部样式表级别最低

 

D  

 

 

 同一个选择器中,设置样式时,设置相同的属性,后设的属性值起作用

 

正确答案: A,D

解析:

样式表优先级

得分:2.0分

20.

 

 

想要实现一段文字加粗的效果,下面哪个方法是可以的

 

A  

 

 

<b>我是文字文字文字</b>

 

B  

 

 

font-weight:800;

 

C  

 

 

font-weight:300px;

 

D  

 

 

<i>我是文字文字文字</i>

 

正确答案: A,B

解析:

AB

客观题:78分

  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值