编程笔记

编程笔记

HTML5 基础练习题总结(一)
2025-01-29

HTML5 基础练习题总结(一)
1.
下面的描述正确的是 #menu{ font-size:14px; }

A
#menu是标签选择器

B
#menu是元素选择器

C
#menu是类选择器

D
#menu是ID选择器

正确答案: D
解析:
标签选择器,元素选择器是直接拿标签名称作为选择器

类选择器 的语法是一个 .

ID选择器 的语法是#

在CSS中样式表里优先级别最高的是哪个

A
导入样式表

B
外部样式表

C
内联样式表

D
内部样式表

正确答案: C
解析:
当三个样式表同时存在时,内联样式表优先级别最高。

在HTML中,下列代码是实现“注册”的超链接,要求点击“注册”后register.html页面在自身窗口打开,横线处应该填写 <a =“register.html” target=“”>注册

A
①:src ②:_self

B
①:src ②:_blank

C
①:href ②:_self

D
①:href ②:_ blank

正确答案: C
解析:
超链接通过href属性添加链接地址,不支持src属性,_self在当前窗口打开,_blank 是在新窗口打开。

下面选项中,哪个属性值能将网页中某个标签的右外边距设置为10像素

A
margin:0 10px 0 0;

B
margin:0 0 0 10px;

C
margin:10px 0 0 0;

D
padding-right:10px;

正确答案: A
解析:
首先是外边距,所以用到的肯定是margin属性,顾D选项排除,再根据margin属性值的设置方式 ,四个值时是上右下左的顺序,4个值上 右 下 左 所以选择A选项。

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

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

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

C
font-color用来设置字体的颜色

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

正确答案: C
解析:
没有font-color属性;正确设置文本颜色的是color属性。

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

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

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

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

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

正确答案: A
解析:
css可以实现精确的设置。顾选择A。

下面选项中,可以设置页面中某个DIV标签相对页面水平居中的CSS样式是

A
margin:0 auto

B
padding:0 auto

C
text-align:center

D
vertical-align:middle

正确答案: A
解析:
margin:0 auto;设置元素水平居中对齐。padding没有auto属性值,text-align是设置文本对齐方式的,vertical-align是设置垂直对齐方式的,所以选择A选项。

在HTML中,下面代码哪个是已被访问过呈红色文字的样式

A
a:link{color:red;}

B
a:hover{color:red;}

C
a:visited{color:red;}

D
a:active{color:red;}

正确答案: C
解析:
:visited是设置访问过后样式的选择符。

在HTML网页中添加如下CSS样式,鼠标悬浮在链接上面时,网页中的链接呈现的颜色为

body { color:red; }

a { color:black; }

a:link,a:visited { color:blue; }

a:hover,a:active { color:green; }

A

B
绿

C

D

正确答案: B
解析:
green绿色

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

A
font-family

B
font-size

C
font-style

D
face

正确答案: A
解析:
font-family 设置文本字体属性。选A。

为了让以下id为container的div能够水平居中,需要的CSS样式是

A
#container{width:880px; padding:0px auto;}

B
#container{width:880px;padding:auto 0px;}

C
#container{width:880px;margin:auto 0px;}

D
#container{width:880px;margin:0px auto;}

正确答案: D
解析:
块元素的居中方式为margin:任何值 auto;

得分:2.0分
12.
若要使用CSS控制字体的大小,则应该设置

A
font-size

B
font-weight

C
font-style

D
font-family

正确答案: A
解析:
font-weight加粗font-style倾斜font-family字体

在id为tit的div中设置单行文本垂直居中对齐,下列代码正确的是

A
#tit{font-size:16px;height:30px;line-height:30px;}

B
.tit{font-size:16px;height:30px;line-height:30px;}

C
#tit{font-size:16;height:30px;vertical-align:middle}

D
.tit{font-size:16px;height:30px;vertical-align:middle}

正确答案: A
解析:
ID选择器的语法#,文本的垂直居中设置行高等于容器的高度

在css中,属性padding是指

A
外边距

B
内填充

C
外边框

D
内边框

正确答案: B
解析:
边框是border外边框margin

在css中,能够去掉项目列表符号的属性是

A
list-style-image 属性

B
list-style-position属性

C
list-style属性

D
list属性

正确答案: C
解析:
去掉列表符号的声明为list-style:none;list-style-type:none

关于CSS控制字体样式说法错误的是

A
font:bold 12px “宋体”,指定了字体为加粗的12px大小的宋体

B
font-type属性用于指定字体的类型,如宋体、黑体等

C
font-size属性用于指定字体的大小

D
font-weight属性可指定字体的粗细

正确答案: B
解析:
font-type:没有这个属性

阅读以下HTML代码,选出显示效果为“1.春天 2.夏天 3.秋天 4.冬天”的是( 列表的符号为数字 )?

A

  1. 春天
  2. 夏天
  3. 秋天
  4. 冬天

B

  • 春天
  • 夏天
  • 秋天
  • 冬天

C

  1. 春天
  2. 夏天
  3. 秋天
  4. 冬天

D

  • 春天
  • 夏天
  • 秋天
  • 冬天

正确答案: A
解析:
有序列表的组成是

CSS样式background-position:-5px 10px代表的意义是

A
背景图片向左偏移5px,向下偏移10px

B
背景图片向左偏移5px,向上偏移10px

C
背景图片向右偏移5px,向下偏移10px

D
背景图片向右偏移5px,向上偏移10px

正确答案: A
解析:
第一个值代表水平,负值是向左移动,第二个值代表垂直,正直向下移动。所以选A。

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

A
h1

B
p

C
div

D
span

正确答案: A
解析:
h1 一级标题

p 段落

div 文档布局对象,块

span 文字节点

HTML中哪个标签是无序列表

A
div

B
dl

C
ul

D
ol

正确答案: C
解析:
ul 无序列表

ol有序列表

以下选项中,可以将html页面的标题设置为"千锋教育"的是

A

千锋教育

B

千锋教育

C
千锋教育

D
千锋教育

正确答案: B
解析:

<head>

	<meta charset="utf-8" />

	<title>网页标题</title>

</head>

<body>

	

</body>

下列哪个不是CSS中的样式表

A
行间样式表

B
内部样式表

C
类样式表

D
外部样式表

正确答案: C
解析:
css有三种样式表:

分别为:

内部样式表

外部样式表

内嵌/行间样式表

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

A
password

B
button

C
reset

D
submit

正确答案: D
解析:
密码框

跳转按钮

重置按钮

提交按钮

下列哪个不是HTML中align属性的属性值

A
left

B
right

C
center

D
middle

正确答案: D
解析:
middle为垂直对齐方式中的属性值

在网页中常见的图片格式

A
JPG和GIF

B
JPG和PSD

C
PSD和BMP

D
PNG和SWF

正确答案: A
解析:
网页中,常见的图片格式为jpg,png,gif

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

A
width

B
border

C
alt

D
height

正确答案: C
解析:
alt为替换文本,当图片不显示的时候才会出现。也被称作图片名,方便SEO搜索

关于HTML说法正确的是

A
放在尖角号里的第一个单词叫做标记,也叫做标签,也称作元素

B
一个标签可以有多个属性,但是属性是区分先后顺序的

C
标记和属性之间可以不用空格隔开

D
属性值可以不用引号

正确答案: A
解析:
放在尖角号里的第一个单词叫做标记,标签,也叫元素,一个标签可以有多个属性,属性与属性不区分先后顺序,标记和属性之间用空格隔开,属性值放在双引号内

下列哪个是HTML中的空格字符

A
div

B
p

C
b

D
 

正确答案: D
解析:
div 文档布局对象

p 段落

b 加粗

  空格

下列CSS样式语句中,语法正确的是

A
.p{width:150px; border:2px solid 999999;}

B
#bg{background=url(about.jpg) left no-repeat;}

C
.tig td{text-align:50px; line-height:22px;}

D
a{text-decoration:none;color:red;}

解析:
.p{width:150px; border:2px solid 999999;}颜色少#号

#bg{background=url(about.jpg) left no-repeat;},.tig td{text-align:50px; line-height:22px;}语法错误

关于HTML中超链接伪类的描述不正确的是

A
a:link表示单击访问前超链接的样式

B
a:visited表示单击访问后的超链接样式

C
a:hover表示鼠标悬浮其上的超链接样式

D
a:active表示鼠标悬浮其上超链接样式

正确答案: D
解析:
a:active表示超链接被激活时的状态

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

下列属于a标签的属性有

A
title

B
target

C
src

D
href

正确答案: A,B,D
解析:
src为图片的属性

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

A
br

B
span

C
strong

D
hr

正确答案: A,D
解析:

以下属于css中的控制文本或字体的属性有:

A
float

B
margin

C
color

D
font-weight

正确答案: C,D
解析:
color文本颜色 font-weight文本加粗

以下哪些元素默认会自带边框

A
hr

B
textarea

C
td

D
table

正确答案: A,B
解析:
hr为水平线,textarea为文本域

属于表格元素的有

A
table

B
hr

C
select

D
tr

正确答案: A,D
解析:
AD

以下属于文本水平对齐text-align的属性值的有

A
justify

B
left

C
right

D
center

正确答案: A,B,C,D
解析:
ABCD

以下声明可以将图片设置为背景图的有

A
img:url(images/logo.jpg)

B
background:url(images/logo.jpg)

C
background-image:url(images/logo.jpg)

D
background-images:url(images/logo.jpg)

正确答案: B,C
解析:
BC

下列属于img标签的属性有

A
title

B
href

C
src

D
target

正确答案: A,C
解析:
AC

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

A
list-style-type

B
list-style-image

C
list-style

D
list-position

正确答案: A,C
解析:
AC

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

A
background-image

B
background-repeat

C
background-attachment

D
background

正确答案: A,D
解析:
AD

背景属性的缩写语法正确的是

A
{background:#00ff00 url(背景图片的路径及全称) no-repeat center top;}

B
{background:url(背景图片的路径及全称) #00ff00 no-repeat center top;}

C
{background:url(背景图片的路径及全称) #00ff00 center top no-repeat;}

D
{background:url(背景图片的路径及全称) no-repeat center top;}

正确答案: A,B,C,D
解析:
ABCD

float的属性值正确的有

A
left

B
center

C
right

D
none

正确答案: A,C,D
解析:
ACD

下列哪个语言是编写网页的结构

A
html

B
css

C
javascript

D
xhtml

正确答案: A,D
解析:
AD

下列哪些属性可以设置表格table水平对齐或垂直对齐

A
cellspacing

B
align

C
colspan

D
valign

正确答案: B,D
解析:
BD

默认倾斜的元素有

A
a

B
em

C
i

D
s

正确答案: B,C
解析:
BC

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

A
border-top

B
border-bottom

C
border-center

D
border-middle

正确答案: A,B
解析:
AB

下列margin外边距设置属性值的方式正确的是

A
1个值设置4个方向的margin

B
2个值,第一个值的设置margin是上下两个方向,第二个值设置margin是左右两个方向

C
3个值,第一个值设置的是下方向的margin,第二个值是上方向的margin,第三个值是设置左右两个方向的margin

D
4个值,顺时针方向,上、右、下、左

正确答案: A,B,D
解析:
ABD

3个值,第一个值设置的是上方向的margin,第二个值是左右两个方向的margin,第三个值是设置下方向的margin

默认带有下划线的元素有

A
a

B
u

C
span

D
div

正确答案: A,B
解析:
a超链接自带下划线,u标签自带下划线

以下代码

其中css中定义如下 .a{width: 200px;height: 200px;background-color: #f00;float: left;} .b{width: 300px;height: 300px;background-color: #ff0;} 以下说法正确的是()

A
两个盒子会发生重叠

B
元素a在元素b上方

C
元素b在元素a上方

D
两个元素将左右排列

正确答案: A,B
解析:
float:left原理 添加float:left的元素会把右侧的空间做“预留”,等待下个添加浮动的元素的站位

以下css属性设置语法正确的有:

A
text-indent:-999px;

B
margin-left:-10px;

C
padding-left:-10px;

D
width:100%;

正确答案: A,B,D
解析:
text-indent,margin的属性允许属性值为负数,padding的属性值不可以为负数,width可以写百分比