一.单选题(共20小题,每题1.5分,共30分)
1、下面哪一个标签不能放在head标签内?( c )
A. title标签 B. style标签
C. body标签 D. script标签
2、如果网页中出现乱码,我们一般使用( a )来解决。
A. <meta charset="utf-8" />
B. <style type="text/css"></style>
C. <script></script>
D. <link type="text/css" rel="stylesheet" href="css/index.css">
3、下面选项中,属于HTML正确注释方式是( c )。
A. //注释内容
B. /注释内容/css
C.
D.//注释内容//
4、选出你认为最合理的定义标题的方法是( c )。
A. <div>文章标题</div> B. <p><b>文章标题</b></p>
C. <h1>文章标题</h1> D.<strong>文章标题</strong>
5、如果想要实现粗体效果,我们可以使用( a )标签来实现。
A. <strong></strong> B. <em></em>
C. D.
6、下面有关自闭合标签说法不正确的是( b )。
A. 自闭合标签只有开始符号没有结束符号
B. 自闭合标签可以在内部插入文本或图片
C. meta标签是自闭合标签
D. hr标签是自闭合标签
7、在浏览器默认情况下,下面有关块元素和行内元素说法不正确的是( d )。
A. 块元素独占一行
B. 块元素内部可以容纳块元素
C. 块元素内部可以容纳行内元素
D. 行内元素可以容纳块元素
8、下面标签中,哪一个不是块元素?( a )
A. strong B. p C. div D. hr
9、在下面几种列表形式中,哪一种在HTML5中已经被废弃了。( d )
A. 有序列表ol B.无序列表ul
C. 定义列表dl D.目录列表dir
10、下面哪种列表我们在实际开发中是用得最多的?( b )
A. 有序列表ol B.无序列表ul
C. 定义列表dl D.目录列表dir
11、下面有关ul元素说法不正确的是( d )。
A. ul元素的子元素只能是li,不能是其他元素
B. ul元素内部的文本,只能在li元素内部添加,不能在li元素外部添加
C. 绝大多数列表都是使用ul元素来实现,而不是ol元素
D. 我们可以在ul元素中直接插入div元素
12、下面有关HTML语义化不正确的是( a )。
A. 对于大多数标签实现的效果,我们完全可以使用div和span来代替实现
B. 学习HTML目的在于:在需要的地方,用正确的标签
C. 语义化对于搜索引擎优化来说是非常重要的
D. 语义化目的在于提高可读性和可维护性
14、在img标签中,( b )属性的内容是提供给搜索引擎看的。
A. src B.alt C.title D.class
15、下面说法,正确的是( b )。
A.当鼠标移到图片上时,就会显示img标签alt属性中的文字
B. src是img标签必不可少的属性,只有定义它之后图片才可以显示出来
C. 在实际开发中,我们常用的是绝对路径,很少用到相对路径
D. 如果想要显示一张动画图片,可以使用png格式来实现
23、下面说法中,正确的是( c )。
A. 现在已经是CSS3时代了,CSS2没必要再去学
B. 一般使用script标签来引用外部样式表
C. 在实际开发中,一般使用外部样式表的多
D. 内部样式表和行内样式表在实际开发中一点用处都没有
24、每一个样式声明之后,要用( b )表示一个声明的结束。
A. 逗号 B. 分号 C. 句号 D. 顿号
25、下面哪一项是CSS正确的语法结构?( d )
A. body:color=black B. {body;color:black}
C. {body:color=black;} D. body{color:black;}
26、下面有关id和class的说法中,正确的是( d )。
A. id是唯一的,不同页面中不允许出现相同的id
B. id就像你的名字,class就像你的身份证号
C. 同一个页面中,不允许出现两个相同的class
D. 可以为不同的元素设置相同的class来为他们定义相同的css样式
27、下面有关选择器的说法中,不正确的是( a )。
A. 在class选择器中,我们只能对相同的元素定义相同的class属性
B. 后代选择器选择的不仅是子元素,还包括它的其他后代元素(如“孙元素”)
C. 群组选择器可以对几个选择器进行相同的操作
D. 想要为某一个元素定义样式,我们可以使用不同的选择器来实现
28、CSS中可以使用( c )属性来定义字体粗细。
A. font-family B. font-size C. font-weight D. font-style
三、判断题(每题1分,共13分)
1.在HTML中,若实现点击超链接时,弹出一个新的网页窗口,符合要求的写法是<a href="right.html" target="_blank">节目</a> ( T )
2.由于某些字符在HTML中有特殊含义,因此需要在浏览器中显示这些字符,就必须在HTML中使用字符转译码。其中 表示空格 ( T )
3.在HTML中,从本页面连接到页面中锚记是marker位置的代码是<a href="hello.htm" position="marker">Hello</a> ( F )
4.<a href="index.html" target="_blank">首页</a>这段代码目标窗口在当前窗口中打开 ( F )
5.将一个网页中所有的h1元素以及p元素的字体颜色设置为红色的CSS代码为h1, p {color:red;} ( T )
6.使用外部样式表可以使网站更加简洁,风格保持统一,它的文件扩展名为 .cs ( F )
7.外部样式表内容不需要使用<style>标签,而是使用<link>标签引入外部样式 ( T )
8.在HTML中,通过a{text-decoration:none}可以实现鼠标悬停在超链接上时,为无下划线的效果 ( F )
9.div标签是块级元素 ( T )
10.下面选项中,可以设置页面中某个DIV标签相对页面水平居中的CSS样式是vertical-align:middle ( F )
11.在HTML中,DIV默认样式下是不带滚动条的,若要使<div>标签出现滚动条,需要为该标签定义overflow:scroll样式 ( T )
12.若某个标签里的内容超过标签的尺寸,则超出的内容自动隐藏的CSS样式是visibility:hidden ( F )
15.html内嵌框架的标签名是iframe ( T )
- 权重等级由高到低依次为!important > 内联样式 > ID选择器 > 类、伪类和属性选择器( T )
四、简答题(每题14分,共42分)
1、请默写HTML基本结构。
<!DOCTYEPE html>
<html lang=’en’>
<head>
<meta charset=’UTF-8’/>
<title></title>
</head>
<body>
</body>
</html>
2、下面有一段代码,如果我们想要选中所有的div和p,请用至少2种不同的选择器方式来实现,并且选出最简单的一种。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<div></div>
<p></p>
<p></p>
<strong></strong>
<span></span>
</body>
</html>
方法一:div,p{ }
方法二:<div class=’d1’></div>
<p class=’d1’></p>
<p class=’d1’></p>
.d1{ }
第一种最简单
3、为下面这段文字定义字体样式,要求字体类型指定多种、大小为14px、粗细为粗体、颜色为蓝色。
“有规划的人生叫蓝图,没规划的人生叫拼图。”
<!DOCTYEPE html>
<html lang=’en’>
<head>
<meta charset=’UTF-8’/>
<title></title>
<style type=’text/css’>
P
{
Font-family:”微软雅黑”,”Times New Roman”,Caribli;
Font-size:14px;
Font-weight:bold;
Color:blue;
}
</style>
</head>
<body>
</body>
</html>
五、论述题(每题15分,共15分)
1、请罗列出盒子模型的计算公式,盒子的宽度等于什么,盒子的高度等于什么?
盒子的宽度=width+左右两边边框的宽度+左右两边的内边距
盒子的高度=height+上下的内边距+上下边框
网友评论