有的命名最好都小写

HTML5 第1阶段第1周周考

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

大多数浏览器会把表头显示为粗体居中的文本：

实例

<table border="1">
    <tr>
        <th>Header 1</th>
        <th>Header 2</th>
    </tr>
    <tr>
        <td>row 1, cell 1</td>
        <td>row 1, cell 2</td>
    </tr>
    <tr>
        <td>row 2, cell 1</td>
        <td>row 2, cell 2</td>
    </tr>
</table>

在浏览器显示如下：

一、单选题

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

A . 文件扩展名为 .cs

牛奶咖啡

牛奶咖啡	典型HTML页面	们介绍了HTML的绝对基
牛奶咖啡	性以及您可能已经听	们介绍了HTML的绝对基
本语言功能	们介绍了HTML的绝对基	们介绍了HTML的绝对基
会玩HTM	们介绍了HTML的绝对基	们介绍了HTML的绝对基

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

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

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

正确答案: A

解析:文件扩展名为 .css

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

A style

B p

C link

D strong

正确答案: A

解析:内部样式表的语法

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 ①：src ②：_self

B ①：src ②：_blank

C ①：href ②：self

D ①：href ②： blank

正确答案: C

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

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

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

解析:外部样式表的连接方法：

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>

</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

解析:

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

上一篇：ddddddddddd下一篇：创建您的第一个HTML元素

		自动登录	找回密码
密码			立即注册