Web前端开发案例教程(HTML5 CSS3)(微课版)(第2版)
试卷A
一、单项选择题(每题2分,共50分)
1.HTML的中文意思是(C)。
A)文件传输协议B)超文本传输协议
C)超文本标记语言D)统一资源定位符
2.网页的主体内容写在哪个标记内部?(A)
A)<body> B)<head> C)<p> D)<html>
3.以下标记中,用于设置页面标题的是(A)。
A)<title> B)<caption> C)<head> D)<html>
4.用HTML5编写一个简单的网页时,网页最基本的结构是(D)。
A)<html> <head>...</head> <frame>...</frame> </html>
B)<html> <title>...</title> <body>...</body> </html>
C)<html> <title>...</title> <frame>...</frame> </html>
D)<html> <head>...</head> <body>...</body> </html>
5.可以不用发布就能在本地计算机上浏览的页面的编写语言是( B)。
A)ASP B)HTML C)PHP D)JSP
6.以下标记中,没有对应的结束标记的是(B)。
A)<body> B)<br> C)<html> D)<title>
7.<title>和</title>标记必须包含在下述哪对标记中?(C)
A)<body>和</body> B)<table>和</table>
C)<head>和</head> D)<p>和</p>
8.如何为所有的 <h1> 元素添加背景颜?(B)
A)h1.all {background-color:#FFFFFF} B)h1 {background-color:#FFFFFF} C)all.h1 {background-color:#FFFFFF} D)h1.{background-color:#FFFFFF} 9.外部样式表的最大优势在于(A)。
A)CSS代码与HTML代码完全分离B)CSS代码写在<head>与</head>之间
C)直接对HTML的标签使用style属性 D)采用import方式导入样式表
10.下面不属于CSS样式的引入方式的是(A)。
A)索引式B)行内样式C)内部样式表 D)外部样式表
11.在HTML文档中,引用外部样式表的正确位置是(D)。
A)文档的末尾 B)文档的顶部 C)<body> 部分D)<head> 部分
12.下列哪个选项的CSS语法是正确的?( C)
A)body:color=black B){body:color=black(body}
C)body {color: black} D){body;color:black}
13.下列哪个CSS属性可控制字号?(A)
A)font-size B)text-style C)font-style D)text-size
14.如何显示这样一个边框:上边框为10 px,下边框为5 px,左边框为20 px,右边框为1 px?(D)
A)border-width:10px 5px 20px 1px B)border-width:10px 20px 5px 1px C)border-width:5px 20px 10px 1px D)border-width:10px 1px 5px 20px 15.使用什么属性可以设置元素的左外边距?(D)
A)text-indent B)indent C)margin D)margin-left
16.下列CSS属性中不用于设置背景图像样式的是(B)。
A)background-image B)background-begin
C)background-repeat D)background-size
17.去掉无序列表的项目符号使用的属性是( A )。
A)list-style:none B)list-type:none
C)list-rel: none D)list-href:none
18.用于设置鼠标指针悬停时超链接样式的是(C)。
A)a:link B)a:visited C)a:hover D)a:active
19.position属性用于定义元素的定位类型,下列选项中不属于position属性常用属性取值的是(D)。
A)static B)relative C)absolute D)visible
20.下列样式代码中,不能够设置元素定位类型的是(A)。
A)position: auto; B)position: fixed;
C)position: absolute; D)position: relative;
21.定义表头单元格的HTML标记是(D)。
A)<table> B)<td> C)<tr> D)<th>
22.合并多行单元格的HTML标记是(B)。
A)<th colspan=#> B)<th rowspan=“#”>
C)<td colspan=#> D)<tr rowspan=#>
23.下面关于表单的叙述错误的是( D)。
A)表单是用户与网站实现交互的重要手段 B)表单可以收集用户的信息
C)表单是网页上的一个特定区域 D)表单是由一对<table>标记组成的
24.HTML5中的哪个标记用来定义当前页面附属信息部分?(C)
A)<header> B)<nav> C)<aside> D)<section>
25.在3D变形中,指定元素仅围绕x轴旋转的函数是(A)。
A)rotateX() B)rotateY()
C)rotateZ() D)rotate3d ()
二、判断题(每题2分,共50分)
1.HTML5可以跨平台使用,具有良好的移植性。(✓)
2.Web标准并不是某一个标准,而是一系列标准的集合,主要包括结构、表现和行为标准。(✓)
3.网页文件是用一种标记语言书写的,这种语言被称为HTML(Hyper Text Markup
Language,超文本标记语言),制作一个网站就等于制作一个网页。(✗)4.网站的首页文件通常是“index.html”“index.htm”“Default.htm”“Default.html”,它必须存放在网站的根目录中。(✓)
5.HTML5标记是不区分大小写的,但通常用小写。(✓)
6.如果文本需要换行,则可以使用换行标记<br>。(✓)
7.<hr>标记可以在网页中生成一条水平线,它不需要结束标记。(✓)
8.标题标记<h1>~<h6>都有换行的功能。(✓)
(✓)9.在编写CSS代码时,为了提高代码的可读性,通常需要加CSS注释语句。10.内部样式表是指将CSS代码集中写在HTML文档的<head>头部标记中,并且用<style>标记定义。(✓)
11.内部样式表的样式对网站中的所有HTML页面都有效。(✗)
12.外部样式表是使用频率最高,也是最实用的样式表之一,它将HTML代码与CSS代码分离为两个
或多个文件,实现了结构和表现的完全分离。(✓)13.通配符选择器用“*”号表示,能匹配页面中的所有元素。(✓)
14.在<head>中使用<link>标记可引用外部样式表文件,一个页面只允许使用一个<link>标记引入外部样式表文件。(✗)
15.在CSS背景综合属性中,既可以定义背景图片,也可以定义背景颜。(✓)16.在CSS中,border属性是一个复✓合属性。()
17.在CSS3中,box-shadow属性不设置“阴影类型”参数时默认为“内阴影”。(✗)
18.div是一个行内元素,span是块元素。(✗)
19.页面上定义的两个盒子都没有设置float属性时,盒子会水平排列。(✗)20.父元素包含的子元素设置浮动后,若父元素没有设置高度,则受子元素浮动的影响,父元素将不显示。(✓)
21.表格的列数,取决于一行中数据单元格的数量。(✓)
22.colspan属性用来合并单元格的行。(✗)
23.<form>标记的method属性默认为post。(✗)
24.在HTML5中,<article>标记通常使用多个<section>标记进行划分。(✓)25.CSS3变形是一系列效果的集合,如平移、旋转、缩放和倾斜等,每个效果都被称作变形效果。(✓)
试卷B
一、单项选择题(每题2分,共50分)
1.下面的应用软件中,不可以用于网页制作的是(D)。
A)Sublime Text B)HBuilderX C)Dreamweaver D)AutoCAD 2.请选择能产生粗体字的HTML标记。(C)
A)<bold> B)<bb> C)<strong> D)<bld>
3.在下列HTML标记中,哪个可以插入换行?(A)
A)<br> B)<enter> C)<break> D)<b>
4.在下列的HTML标记中,哪个是最大的标题?(D)
A)<h6> B)<h5> C)<h2> D)<h1>
5.用于标识一个段落的HTML标记是(C)。
A)<b>和</b> B)<br>和</br> C)<p>和</p> D)<li>和</li>
6.在下列的HTML代码中,哪个可以插入图像?(C)
A)<img href="image.gif" alt=""> B)<image src="image.gif" alt=""> C)<img src="image.gif" alt=""> D)<img>image.gif</img>
7.建立超链接时,要在新窗口显示网页,需要加入的标记属性是( A)。
A)target="_blank" B)border="1" C)name="target" D)#
8.包含图像的网页文件,其扩展名应该是( D)。
A).jpg B).gif C).pic D).html
9.在以下的CSS代码中,可使所有<p>元素变为粗体的正确语法是(C)。
A)<p > B)<p >
C)p {font-weight:bold} D)p {text-size:bold}
10.以下哪个选项可以改变元素的字体?( C)
A)font= B)f: C)font-family: D)font
11.以下哪个选项可以使文本变为粗体?(B)
A)font:b B)font-weight:bold C)style:bold D)b
12.下面说法错误的是(D)。
A)CSS 样式可以将格式和结构分离
B)CSS样式可以控制页面的布局
C)CSS 样式可以使许多网页同时更新
D)CSS样式不能制作文件更小、下载更快的网页
13.在以下的HTML中,哪个是正确引用外部样式表的方法?( B )
A)<style src="mystyle.css">
B)<link rel="stylesheet" type="text/css" href="mystyle.css">
C)<stylesheet>mystyle.css</stylesheet>
D)Colorful Style Sheets
14.不属于CSS选择器的是( A)。
A)对象选择器B)超文本标记选择器
C)ID选择器D)类选择器
15.CSS的中文译名为(D)。
A)样式表 B)样式表标签语言 C)瀑布样式表 D)层叠样式表
16.下列选项中,哪个不能设置边框为3px的红实线?(D)
A)border:3px solid #F00; B)border: #F00 solid 3px;
C)border: red solid 3px; D)border:#0F0 3px solid;
17.关于样式代码“.box{width:200px; padding:15px; margin:20px;}”,下列说法正确的是(B)。
A).box的总宽度为200px B).box的总宽度为 270px
C).box的总宽度为 235px D)以上说法均错误
18.一个盒子的宽度和高度均为300px,左内边距为30px,同时盒子有3px的边框,请问这个盒子的总宽度是多少? (C)
A)333px B)366px C)336px D)363px
19.设置背景颜为green,背景图片垂直居中显示,背景图片充满整个区域,但是背景图片不能变形,图片只出现一次,以下代码正确的是( A)。
html网页设计cssA)background:url("../img/img1.jpg") no-repeat center/cover green; B)background:url("../img/img1.jpg") repeat center/cover green;
C)url("../img/img1.jpg") no-repeat center/100% green;
D)url("../img/img1.jpg") no-repeat center/100% 100% green;
20.<span>标记是网页布局中常见的标记,其元素类型为( B)。
A)块级元素B)行内元素C)行内块元素 D)浮动元素
21.在CSS中,使用什么属性来定义元素的类型?(C)
A)margin属性B)padding属性C)display属性D)font属性
22.下列样式代码中,可对元素进行绝对定位的是(B)。
A).special{ position: relative;}
B).special{ position: absolute; top:20px; left:16px;}
C).special{ position: fixed; top:20px; left:16px;}
D).special{ position: static;}
23.定义表头单元格的HTML标记是(D)。
A)<table> B)<td> C)<tr> D)<th>
24.要建立一个密码框,<input>标记的type属性的属性值应该等于(A)。A)password B)radio C)text D)image
25.在3D变形中,指定元素仅围绕x轴旋转的函数是(A)。
A)rotateX() B)rotateY()
C)rotateZ() D)rotate3d ()
二、判断题(每题2分,共50分)
1.HTML5可以跨平台使用,具有良好的移植性。(✓)
2.Web标准并不是某一个标准,而是一系列标准的集合,主要包括结构、表现和行为标准。(✓)
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论