HTML5 基础练习题总结(一)
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可以写百分比
HTML5 基础练习题总结(一)相关推荐
- html页面视频标签,html5基础标签(html5视频标签 html5新标签用法)
点评:html5基础,包括html5视频标签和html5新标签等标签用法,大家参考使用吧 1. 声明的变化 2. 指定字符编码的变化,html5中建议使用utf-8 3. Html5中允许 没有 ...
- 这些Python基础练习题你会几个?
在人工智能大火的当今,Python 作为人工智能时代的首选语言已经越来越收到追捧:但是许多非科班.零基础的小伙伴常常苦于没有合适的入门 Python 的教程而感到苦恼:本人是一名资深Python开发, ...
- html5基础知识文档,HTML5基础知识(1)
原标题:HTML5基础知识(1) html5是万维网的核心语言.标准通用标记语言下的一个应用超文本标记语言(HTML)的第五次重大修改.2014年10月29日,万维网联盟宣布,经过接近8年的艰苦努力, ...
- python集合例题_python基础练习题、集合的讲解、一些公关方法
1.求100(含100)以内所有偶数的和 range(start,end,step)这个序列生成器,和那个切片的语法一样,含头不含尾,step是步长,这里就不需要在对j进行判断了,对于这些简单求奇数和 ...
- html5实践开发教程,HTML5基础与实践教程
HTML5基础与实践教程 语音 编辑 锁定 讨论 上传视频 <HTML5基础与实践教程>是2010年4月机械工业出版社出版的图书,作者是云翔,刘猛猛,欧阳植昊. 书 名 HTML5基 ...
- html5语言基础教程,HTML5基础教程,从入门到精通,零基础学HTML5
随着互联网的快速发展,对前端开发方面的人才需求越来越大,其中Web前端领域的HTML5也受到许多人追捧 HTML5是构建Web内容的一种语言描述方式.HTML5是互联网的下一代标准,是构建以及呈现互联 ...
- 苹果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 ...
- Linux基础练习题(二)
Linux基础练习题(二) 1.复制/etc/skel目录为/home/tuer1,要求/home/tuser1及其内部文件的属组和其它用户均没有任何访问权限. [root@www ~]# cp -r ...
- html5教学文档笔记,4.HTML 教程- (HTML5 基础)
HTML 教程- (HTML5 基础) 1.HTML 标题 HTML 标题(Heading)是通过 - 标签来定义的. 2.HTML 段落 HTML 段落是通过标签 来定义的. 3.HTML 链接 H ...
最新文章
- UA STAT675 统计计算I 随机数生成2 线性递归模m与Multiple Recursive Generator (MRG)
- CentOS查看 占用 内存 最多的 进程
- python包括几种数据类型_简单谈谈Python中的几种常见的数据类型
- 安全漏洞——如何查找和修复它们
- VueX扒文档的整理
- python生成json文件_json文件生成by python
- c语言自动计费工作,c语言编程实现话单计费实例
- 因果信号的傅里叶变换_信号傅里叶变换系列文章(1):傅里叶级数、傅里叶系数以及傅里叶变换...
- Caddy服务器代理
- 学生信息管理系统-web项目实训(基于JAVA)
- 【例7-15 UVA-1603】Square Destroyer
- mysql查询数据量
- 企业微信封号规则及解封
- ssh登录报no matching MAC found. Their offer: hmac-sha2-512异常
- android wp8相机,Camera360 for WP8推出“时光相机” 让你重温岁月痕迹
- 利用JapiDocs构建java接口文档(无代码侵入性)
- 牛客-模拟、枚举与贪心-2022.10.18
- Z50-70电脑加内存条+加固态硬盘+光驱处加机械硬盘+U盘启动重装系统+第三方装机软件重装系统
- Android4.4 内置应用默认打开无障碍服务
- 如何在读卡器中增加SAM
热门文章
- C语言|博客作业09
- 如何在Linux上的命令行中设置Google Chrome浏览器的代理设置?
- html表格到层的相对位置,html,左右拖动表格.doc
- vue 一个动态链接url转成二维码
- 万能通用!权限系统就该这么设计!
- android 运行apk时崩溃,从Android Studio运行时安装APK时应用程序崩溃完美无缺
- 4 数据可视化大屏 - 布局: BootStrap 之网格Grid
- 什么是独享住宅IP代理?为什么爬虫适合用住宅http代理?
- 【CSS】尺寸和边框、盒子模型、外边距_02
- ubuntu 18.04安装 vmware 15