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可以写百分比

HTML5 基础练习题总结(一)相关推荐

  1. html页面视频标签,html5基础标签(html5视频标签 html5新标签用法)

    点评:html5基础,包括html5视频标签和html5新标签等标签用法,大家参考使用吧 1.  声明的变化 2.  指定字符编码的变化,html5中建议使用utf-8 3.  Html5中允许 没有 ...

  2. 这些Python基础练习题你会几个?

    在人工智能大火的当今,Python 作为人工智能时代的首选语言已经越来越收到追捧:但是许多非科班.零基础的小伙伴常常苦于没有合适的入门 Python 的教程而感到苦恼:本人是一名资深Python开发, ...

  3. html5基础知识文档,HTML5基础知识(1)

    原标题:HTML5基础知识(1) html5是万维网的核心语言.标准通用标记语言下的一个应用超文本标记语言(HTML)的第五次重大修改.2014年10月29日,万维网联盟宣布,经过接近8年的艰苦努力, ...

  4. python集合例题_python基础练习题、集合的讲解、一些公关方法

    1.求100(含100)以内所有偶数的和 range(start,end,step)这个序列生成器,和那个切片的语法一样,含头不含尾,step是步长,这里就不需要在对j进行判断了,对于这些简单求奇数和 ...

  5. html5实践开发教程,HTML5基础与实践教程

    HTML5基础与实践教程 语音 编辑 锁定 讨论 上传视频 <HTML5基础与实践教程>是2010年4月机械工业出版社出版的图书,作者是云翔,刘猛猛,欧阳植昊. 书    名 HTML5基 ...

  6. html5语言基础教程,HTML5基础教程,从入门到精通,零基础学HTML5

    随着互联网的快速发展,对前端开发方面的人才需求越来越大,其中Web前端领域的HTML5也受到许多人追捧 HTML5是构建Web内容的一种语言描述方式.HTML5是互联网的下一代标准,是构建以及呈现互联 ...

  7. 苹果7手机html5测试,HTML5 基础测试题

    HTML5 基础测试题 1.HTML5 之前的 HTML 版本是什么?() A.HTML 4.01 B.HTML 4 C.HTML 4.1 D.HTML 4.9 2.HTML5 的正确 doctype ...

  8. Linux基础练习题(二)

    Linux基础练习题(二) 1.复制/etc/skel目录为/home/tuer1,要求/home/tuser1及其内部文件的属组和其它用户均没有任何访问权限. [root@www ~]# cp -r ...

  9. html5教学文档笔记,4.HTML 教程- (HTML5 基础)

    HTML 教程- (HTML5 基础) 1.HTML 标题 HTML 标题(Heading)是通过 - 标签来定义的. 2.HTML 段落 HTML 段落是通过标签 来定义的. 3.HTML 链接 H ...

最新文章

  1. UA STAT675 统计计算I 随机数生成2 线性递归模m与Multiple Recursive Generator (MRG)
  2. CentOS查看 占用 内存 最多的 进程
  3. python包括几种数据类型_简单谈谈Python中的几种常见的数据类型
  4. 安全漏洞——如何查找和修复它们
  5. VueX扒文档的整理
  6. python生成json文件_json文件生成by python
  7. c语言自动计费工作,c语言编程实现话单计费实例
  8. 因果信号的傅里叶变换_信号傅里叶变换系列文章(1):傅里叶级数、傅里叶系数以及傅里叶变换...
  9. Caddy服务器代理
  10. 学生信息管理系统-web项目实训(基于JAVA)
  11. 【例7-15 UVA-1603】Square Destroyer
  12. mysql查询数据量
  13. 企业微信封号规则及解封
  14. ssh登录报no matching MAC found. Their offer: hmac-sha2-512异常
  15. android wp8相机,Camera360 for WP8推出“时光相机” 让你重温岁月痕迹
  16. 利用JapiDocs构建java接口文档(无代码侵入性)
  17. 牛客-模拟、枚举与贪心-2022.10.18
  18. Z50-70电脑加内存条+加固态硬盘+光驱处加机械硬盘+U盘启动重装系统+第三方装机软件重装系统
  19. Android4.4 内置应用默认打开无障碍服务
  20. 如何在读卡器中增加SAM

热门文章

  1. C语言|博客作业09
  2. 如何在Linux上的命令行中设置Google Chrome浏览器的代理设置?
  3. html表格到层的相对位置,html,左右拖动表格.doc
  4. vue 一个动态链接url转成二维码
  5. 万能通用!权限系统就该这么设计!
  6. android 运行apk时崩溃,从Android Studio运行时安装APK时应用程序崩溃完美无缺
  7. 4 数据可视化大屏 - 布局: BootStrap 之网格Grid
  8. 什么是独享住宅IP代理?为什么爬虫适合用住宅http代理?
  9. 【CSS】尺寸和边框、盒子模型、外边距_02
  10. ubuntu 18.04安装 vmware 15