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
- 春天
- 夏天
- 秋天
- 冬天
B
- 春天
- 夏天
- 秋天
- 冬天
C
- 春天
- 夏天
- 秋天
- 冬天
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可以写百分比