HTML5 第1阶段第1周周考试题与解析

HTML5 第1阶段第1周周考

答题限时:60分钟 满分:100分 合格分数:60分

一、单选题

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

A . 文件扩展名为 .cs

B .外部样式表内容不需要使用

C .使用标签引入外部样式

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

正确答案: A
解析:文件扩展名为 .css

2.在HTML中引入css内部样式表使用

A style
B p
C link
D strong
正确答案: A
解析:内部样式表的语法

<style  type="text/css">    </style>

3.在HTML中使用标签链接的样式表是

A 行内样式
B 内部样式
C 外部样式
D 导入样式
正确答案: C
解析:css有三种样式表:
分别为:内部样式表 <style type="text/css"></style>
外部样式表的连接方法<link rel="stylesheet" type="text/css" href="外部样式表地址"/>
内嵌/行间样式表<div style="css属性"></div>

4.css中选择器的分类不包括

A 标签选择器
B 类选择器
C 文字选择器
D ID选择器
正确答案: C
解析:css的选择器包括:
标签选择器
类选择器
id选择器
伪类选择器
属性选择器
不存在文字选择器

5.在CSS中ID选择器的权重是多少

A 0100
B 0010
C 0001
D 0000
正确答案: A
解析:ID选择符权重为0100

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

 <a __①__="register.html" target="__②__">注册</a>

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

7.阅读下面HTML代码,段落标签 p内文本最终显示的颜色是

<style type="text/css"> body {  color:#333; } #text{  color:#666; } .content {  color:#00f; } .gray {  color:#f00; } </style> 
<p id="text" class="content gray">我我本将心向明月,奈何明月照沟渠。</p>

A #F00
B #00F
C #666
D #333
正确答案: C
解析:ID选择符权重大于class选择符权重。

8.在 html 中,下列css属性中不属于盒子属性的是

A border
B padding
C float
D margin
正确答案: C
解析**:B 中盒模型的组成的三个重要属性是margin border和padding,没有float。**

9.下列CSS代码中有几处语法错误 &td{font-size:12px , color:666666; }

A 1
B 2
C 3
D 4
正确答案: C
解析:
css语法:选择器{属性:属性值;}
正确的为:td{font-size:12px ; color:#666666 }

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

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

11.以下关于HTML代码说法正确的是 img{clear:both;}

A 将标签左侧的浮动元素清除
B 将标签右侧的浮动元素清除
C 将标签两侧的浮动元素清除
D 设置标签两侧允许浮动
正确答案: C
解析:clear:both清除两端的浮动/left清除左边的浮动/right清除右边的浮动

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

A padding
B margin
C border
D cellpadding
正确答案: A
解析:margin为外边框border为边框cellpadding为表格的内容到边框之间的距离。
13.在网页中有一个id为content的div,设置它的宽度为200像素,高度为100像素,并且向左浮动, 以下选项正确的是?
A #content{width:200px;height:100px;float:left;}
B #content{width:100px;height:200px;clear:left;}
C #content{width:200px;height:100;clear:left;}
D #content{width:100px;height:200px;float:left;}
正确答案: A
解析:id的语法为#,宽度width高度height浮动float

14.在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选择器的语法#,文本的垂直居中设置行高等于容器的高度

15.在css中,属性padding是指

A 外边距
B 内填充
C 外边框
D 内边框
正确答案: B
解析:边框是border外边框margin

16.HTML显示鼠标移至图片上的提示文字的属性

A title
B alt
C src
D border
正确答案: A
解析:alt为图片替换文本src为引入图片路径border为边框

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

A list-style-image 属性
B list-style-position属性
C list-style属性
D list属性
正确答案: C
解析:去掉列表符号的声明为list-style:none;list-style-type:none

18.下列说法错误的是

A 密码框需要设置input标签type=“password”
B 提交按钮需要设置input标签type=“reset”
C 空按钮的input的type值为button
D value属性表示初始值,可能会随着用户的操作而改变,以提交时为准
正确答案: B
解析:提交按钮需要设置input标签type=”submit”

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

A a:link
B a:hover
C a:hidden
D a:active
正确答案: C
解析:伪类选择符中没有:hidden

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

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

A p
B color
C 30px
D 宋体
正确答案: B
解析:p代表选择符;30px 和“宋体”代表属性值,color表示设置文本颜色的属性,所以选择B选项。

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

A 背景图片向左偏移5px,向下偏移10px
B 背景图片向左偏移5px,向上偏移10px
C 背景图片向右偏移5px,向下偏移10px
D 背景图片向右偏移5px,向上偏移10px
正确答案: A
解析:第一个值代表水平,负值是向左移动,第二个值代表垂直,正直向下移动。所以选A。

22.在HTML中,以下设置input为重置按钮的是

A type=“submit”
B value= “true”
C check= “true”
D type= “reset”
正确答案: D
解析:type= “reset” 重置按钮

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

A a:link
B a:visited
C a:hover
D a:active
正确答案: D
解析:
a:link 初始状态
a:visited 点击过后的状态
a:hover 划过后状态
a:active 点击时的状态

24.在HTML页面中,调用外部样式表的方法是

A <style rel="stylesheet" type="text/css" href="外部样式表地址" />
B <link rel="stylesheet" type="text/css" href="外部样式表地址" />
C <style rel="stylesheet" type="text/css" link="外部样式表地址" />
D <link rel="stylesheet" type="text/css" style="外部样式表地址" />
正确答案: B
解析:外部样式表的连接方法:
<link rel="stylesheet" type="text/css" href="外部样式表地址"/>

25.在html中,为网页添加标题。并且标题显示在状态栏上的标签为

A head
B html
C h1
D title
正确答案: D
解析:** <title> </title>是为网页创建标题,并且显示在状态栏上**

26.以下选项中,可以将html页面的标题设置为”阿斯顿”的是

A <head>阿斯顿</head>
B <title>阿斯顿</title>
C <h>阿斯顿</h>
D <t>阿斯顿</t>
正确答案: B
解析:

<!DOCTYPE html>
<html>

	<head>

		<meta charset="utf-8" />

		<title>网页标题</title>

	</head>

	<body>

	</body>

</html>

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

A 行间样式表
B 内部样式表
C 类样式表
D 外部样式表
正确答案: C
解析:css有三种样式表: 分别为:
内部样式表
外部样式表
内嵌/行间样式表

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

A password
B radiobutton
C text
D submit
正确答案: B
解析:radiobutton错误 单选框为radio 跳转按钮为button

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

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

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

A a:link表示单击访问前超链接的样式
B a:visited表示单击访问后的超链接样式
C a:hover表示鼠标悬浮其上的超链接样式
D a:active表示鼠标悬浮其上超链接样式
正确答案: D
解析: a:active表示超链接被激活时的状态

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

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

A br
B span
C strong
D hr
正确答案: A,D
解析:

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

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

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

3.以下属性写法正确的有

A padding:-10px
B padding:10px
C margin:10px
D margin:-10px
正确答案: B,C,D
解析**:padding不能写负值,margin可以写负值**

4.下列属于img标签的属性有

A title
B href
C src
D target
正确答案: A,C

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

A h3
B ol
C hr
D li
正确答案: B,D

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

A color
B src
C type
D start
正确答案: C,D

7.CSS样式文件的类型不包括

A 内部样式表
B 外部样式表
C 单独样式表
D 包含样式表
正确答案: C,D

8.下列可以设置内容大小写的属性有

A text-transform
B word-spacing
C text-indent
D font-variant
正确答案: A,D

9.float的属性值正确的有

A left
B center
C right
D none
正确答案: A,C,D

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

A left
B right
C both
D center
正确答案: A,B,C

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

A html
B css
C xhtml
D javascript
正确答案: A,B,C

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

A cellspacing
B align
C colspan
D valign
正确答案: B,D

13.可以在新窗口中打开链接

A <a href=“www.baidu.com” target=“self”>我是文字 </a>
B <a href=“http://www.baidu.com” target=“_blank” >我是文字</a>
C <a href=“images/logo.jpg” target=“_blank”>我是文字</a>
D <a href=“images/logo.jpg” target=“_self”>我是文字</a>
正确答案: B,C

14.下列在定义段落的字体的样式和大小,格式为其正确的是

A p {font-size:14px;font-family:”宋体”; }
B p {font-family:“宋体”;font-size:14px; }
C p {font-size:“宋体”;font-family:14em; }
D p {font-family:800;font-size:14em; }
正确答案: A,B

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

A 1个值设置4个方向的margin
B 2个值,第一个值的设置margin是上下两个方向,第二个值设置margin是左右两个方向
C 3个值,第一个值设置的是下方向的margin,第二个值是上方向的margin,第三个值是设置左右两个方向的margin
D 4个值,顺时针方向,上、右、下、左
正确答案: A,B,D
解析: 3个值,第一个值设置的是上方向的margin,第二个值是左右两个方向的margin,第三个值是设置下方向的margin

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

A <span class=""heading"">文章标题</span>
B <h2>文章标题</h2>
C <h3>文章标题</h3>
D <strong>文章标题</strong>
正确答案: B,C
解析:h1-h6文本标题标签

17.属于img标签的属性

A src
B title
C href
D alt
正确答案: A,B,D
解析 : src 图像的路径 alt 提示文字 title提示文本

18.以下为定义列表符号样式的属性list-style-type属性值的是

A circle
B underline
C none
D square
正确答案: A,C,D
解析:定义列表符号的类型的属性是list-style-type,其中circle为空心圆,none为去掉列表符号,square为方形

19.默认带有下划线的元素有

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

20.css选择符命名规范的要求有

A 尽量不要用缩写英文除非可以一目了然的
B 所有的命名最好都小写
C 所有的命名最好用数字开头
D 坚持以字母开头命名选择器,这样可保证在所有浏览器下都能兼容
正确答案: A,B,D
解析:c、不能以数字开头 b、调用和命名大小写如果不一致,会找不到,所以最好都小写

    原文作者:任孤寒
    原文地址: https://blog.csdn.net/weixin_41860983/article/details/109125255
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞