4.《HTML5+CSS3从入门到精通》自测练习(修正版)

自测试卷3一、选择题1．编写网页的过程中，下面那种注释不正确（）。

A．<!--注释-->B．//注释C．<**注释**>D．/*注释*/2．<div>和<span>标签说法不正确的是（）。

A．<div>标签是块级元素B．<span>标签是内联元素C．都可以添加文字D．没有区别3．下面是正确使用类选择器的是（）。

A．class a B．.a C．#a D．IDa4．设置音频开始播放时，调用某函数，则需要什么通过以下哪个事件（）。

A．onplay B．onload C．onpause D．onerror5．要输出密码域，type属性的属性值应该等于（）。

A．password B．radio C．text D．image6．下面有关定义列表的说法中，正确的是（）。

A．在<dl></dl>中直接输入内容就可以B．在<dt></dt>中输入定义的内容，在<dd></dd>中输入解释的内容C．在<dt></dt>中输入解释的内容，在<dd></dd>中输入定义的内容D．在<dt></dt>和<dd></dd>是唯一且一一对应的。

7．如果要设置某元素不浮动，则设置其CSS中float的属性值为（）。

A．inherit B．both C．right D．none8．下面关于JavaScript的概述不正确的是（）。

A．JavaScript是一种脚本编程语言B．它不需要进行编译C．是一种跨平台的语言D．不是一种通用语言9．下面是JavaScript中常用事件类型的是（）。

A．键盘事件B．表单事件C．鼠标事件D．A、B、C都对10．关于下面的代码，说法正确的是（）。

<meta name="viewport content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"/>A. width=device-width表示设定度等于当前设备的宽度B. initial-scale=1，表示允许用户缩放到得最小比例（默认为1）C. user-scalable=no，表示允许用户手动缩放D. A、B、C都正确二、填空题1．在网页中添加链接应使用___________标签。

《《HTML5+CSS3网站设计基础教程》》试卷得分单选题（每题2分，共计30分）1．页面上的div标签，其HTML代码为<div id="box" style="color:red">文字</div>，为其设置CSS样式如下：#box{color:blue;}那么，文字的颜色将显示为( )A、红色B、蓝色C、黑色D、以上选项都不正确2．下列选项中，能够让元素倾斜显示的变形函数是（）。

A、translate（）方法B、scale()方法C、skew()方法D、rotate()方法3．下面的选项中,id选择器的基本语法格式正确的是（）A、. #id名{属性值1;属性值2;属性值3; }B、#id名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3;}C、#id名{属性1:属性值1，属性2:属性值2，属性3:属性值3}D、#id名{属性1:“属性值1”; 属性2:“属性值2”; 属性3:“属性值3”; }4．下列样式代码中，可实现元素的溢出内容被修剪，且被修剪的内容不可见的是（）。

A、overflow:visible;B、overflow: hidden;C、overflow: auto;D、overflow: scroll;5．下列选项中，用于更改元素左内边距的是（）。

A、text-indent总分题型单选题多选题填空题简答题题分得分B、padding-leftC、margin-leftD、padding-right6．页面上的div标签，其HTML结构如下：<div id="father"><p class="son">传智播客</p></div>对应的CSS样式代码如下：#father #son{color:red;}#father p{color:blue;}div .son{color:yellow;}div p{color:green;}那么，文字的颜色将显示为（）A、红色B、蓝色C、黄色D、绿色7．<span>标记是网页布局中常见的标记，其显示类型为（）。

绪论单元测试1.关于静态网页的描述，下列说法正确的是（）。

A:静态网页都会显示固定的信息。

B:静态网页访问速度快。

C:静态网页访问速度慢。

D:静态网页不会显示固定的信息。

答案:B2.下列选项中的术语名词，不属于网页术语的是（）。

A:iOSB:HTTPC:DNSD:WEB答案:A3.关于Web标准的描述，下列说法正确的是（）。

A:Web标准只要包括HTML标准。

B:Web标准并不是某一个标准，而是一系列标准的集合。

C:Web标准主要包括结构标准、表现标准和行为标准三个方面。

D:Web标准是由浏览器的各大厂商联合制定的。

答案:C4.关于HTML的描述，下列说法正确的是（）A:HTML是更严谨纯净的XHTML版本。

B:初期的HTML在语法上很宽松。

C:HTML提供了许多标签，用于对网页内容进行描述。

D:目前最新的HTML版本是HTML5。

答案:C5.关于CSS的描述，下列说法正确的是（）。

A:CSS用于设置HTML页面中的文本内容、图片的外形以及版面的布局等外观显示样式。

B:当CSS作为独立的文件时，必须以.html为后缀名。

C:目前流行的CSS版本为CSS3。

D:只有独立的CSS文件才符合结构与表现分离的特点。

答案:A6.因为静态网页的访问速度快，所以现在互联网上的所有网站都是静态网页组成的。

（）A:对B:错答案:B7.“HTTP”是一种详细规定了浏览器和万维网服务器之间互相通信的规则。

（）A:对B:错答案:A8.在Web标准中，表现是指网页展示给访问者的外在样式。

（）A:错B:对答案:B9.在网页中，层叠样式表指的是JavaScript。

（）A:错B:对答案:A10.所有的浏览器对同一个CSS样式的解析都相同，因此页面在不同浏览器下的显示效果完全一样。

（）A:对B:错答案:B第一章测试1.下列选项中，属于HTML5扩展名的是（）。

A:.htmB:.xhtmC:.xhtmlD:.html答案:AD2.下列选项中，可以调整图像垂直边距的属性是（）。

自测试卷4一、选择题1．对于下面代码解读不正确的是（）。

<img src=”pic.png” alt=”我的头像” title=”my head” width=”50px”>A．该图片在网页中显示的宽度是50像素，高度按比例放大或缩小。

B．图片的路径是“img.png”。

C．鼠标悬停在图片上时，鼠标附近会显示图片信息“我的头像”D．当图片无法正常显示时，图片位置会显示内容“我的头像”2．下面是正确使用ID选择器的是（）。

A．ID a B．id a C．#a D．.a3．如果要添加音频工具栏，则应该通过什么属性（）。

A．loop B．controls C．autoplay D．width4．关于下列代码片段分析正确的是（）。

<form name="form" action="register.html" method="post">...</form>A．表单的名称是form B．表单的数据提交的位置是postC．表单提交的数据将会出现在地址栏中D．来访者输入的数据会附加在URL之后5．跨行合并表格的HTML代码为（）。

A．<tr colspan=”3”> B．<tr rospan=”3”> C．<td colspan=”3”> D．<td rowspan=”3”> 6．下列标签中是行内元素的是（）。

A．<img> B．<p> C．<a> D．<dl>7．下面属于循环控制控制语句的是（）。

A．if语句B．if…elseif语句C．for语句D．if…else语句8．关于鼠标事件，下列说法正确的是（）。

A．onclick用于单击鼠标时触发某事件B．onmouseup用于鼠标按下时触发某事件C．onmousemove用于鼠标移动时触发某事件D．A、B、C都对9．响应式网页设计的技术原理有（）。

《《HTML5+CSS3网站设计基础教程》》试卷得分单选题（每题2分，共计30分）1．页面上的div标签，其HTML代码为<div id="box" style="color:red">文字</div>，为其设置CSS样式如下：#box{color:blue;}那么，文字的颜色将显示为( )A、红色B、蓝色C、黑色D、以上选项都不正确2．下列选项中，能够让元素倾斜显示的变形函数是（）。

A、translate（）方法B、scale()方法C、skew()方法D、rotate()方法3．下面的选项中,id选择器的基本语法格式正确的是（）A、. #id名{属性值1;属性值2;属性值3; }B、#id名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3;}C、#id名{属性1:属性值1，属性2:属性值2，属性3:属性值3}D、#id名{属性1:“属性值1”; 属性2:“属性值2”; 属性3:“属性值3”; }4．下列样式代码中，可实现元素的溢出内容被修剪，且被修剪的内容不可见的是（）。

A、overflow:visible;B、overflow: hidden;C、overflow: auto;D、overflow: scroll;5．下列选项中，用于更改元素左内边距的是（）。

A、text-indent总分题型单选题多选题填空题简答题题分得分B、padding-leftC、margin-leftD、padding-right6．页面上的div标签，其HTML结构如下：<div id="father"><p class="son">传智播客</p></div>对应的CSS样式代码如下：#father #son{color:red;}#father p{color:blue;}div .son{color:yellow;}div p{color:green;}那么，文字的颜色将显示为（）A、红色B、蓝色C、黄色D、绿色7．<span>标记是网页布局中常见的标记，其显示类型为（）。

.《HTML5+CSS3从入门到精通》自测练习（修正版）一、单选题(共44题，每题1分，共44分)1.支持input类型的输入框的消息提示的属性是[1.0]A.detailB.placeholderC.patternD.required标准答案：B试题分析：P1012.context.arc（）方法用于绘制圆形，一般其中的第几个参数决定圆形的半径[1.0]A. 1B. 2C. 3D. 4标准答案：C试题分析：P1143.下列哪项不是HTML5的新特性[1.0]A.兼容性B.合理性C.安全性D.有插件标准答案：D试题分析：p1-24.下列不是html5主要功能的是[1.0]A.Cross-documentB.Vector Scalable GraphicsC.MathMLD.Web Origin Concept标准答案：B试题分析：p45.在HTML5中可以省略全部标记的元素是________[1.0]A.optionB.bodyC.hrD.img标准答案：B试题分析：P396.不支持Web Storage的浏览器的是[1.0]A.IE7以上版本B.Firefox3.0以上版本C.Safari 4.0以上版本D.Opera 10.5以上版本标准答案：A试题分析：P1787.audio元素中src属性的作用是________。

[1.0]A.提供播放、暂停和音量控件B.循环播放C.制定要播放音频的URLD.插入一段替换容标准答案：C试题分析：P1608.以下哪项不属于Html5中input标签新增的输入类型________。

[1.0]A.emailB.urlC.numberD.radio标准答案：D试题分析：P80-839.outline属性可以定义块元素的外轮廓线，以下错误的是———[1.0]A.outline-color定义轮廓边框颜色B.outline-style定义轮廓边框轮廓C.outline-width定义轮廓边框宽度D.outline-offset定义轮廓边框位置标准答案：D试题分析：50910.基本CSS代码书写规不正确的是————[1.0]A.尽量不缩写.B.全部小写，且每一项CSS定义写成一行C.ID必须是唯一的，且用在结构的定义中D.CSS可以尽量使用expression标准答案：D试题分析：28811.1982年，（）创造了HTML语言。

HTML5+CSS3网页设计知到章节测试答案智慧树2023年最新厦门兴才职业技术学院绪论单元测试1.关于静态网页的描述，下列说法正确的是（）。

参考答案:静态网页访问速度快。

2.下列选项中的术语名词，不属于网页术语的是（）。

参考答案:iOS3.关于Web标准的描述，下列说法正确的是（）。

参考答案:Web标准主要包括结构标准、表现标准和行为标准三个方面。

4.关于HTML的描述，下列说法正确的是（）参考答案:HTML提供了许多标签，用于对网页内容进行描述。

5.关于CSS的描述，下列说法正确的是（）。

参考答案:CSS用于设置HTML页面中的文本内容、图片的外形以及版面的布局等外观显示样式。

6.因为静态网页的访问速度快，所以现在互联网上的所有网站都是静态网页组成的。

（）参考答案:错7.“HTTP”是一种详细规定了浏览器和万维网服务器之间互相通信的规则。

（）参考答案:对8.在Web标准中，表现是指网页展示给访问者的外在样式。

（）参考答案:对9.在网页中，层叠样式表指的是JavaScript。

（）参考答案:错10.所有的浏览器对同一个CSS样式的解析都相同，因此页面在不同浏览器下的显示效果完全一样。

（）参考答案:错第一章测试1.下列选项中，属于HTML5扩展名的是（）。

参考答案:.htm;.html2.下列选项中，可以调整图像垂直边距的属性是（）。

参考答案:vspace3.下面的选项中，属于网页上常用图片格式的是（）。

参考答案:PNG格式;JPG格式;GIF格式4.下列标签中，用于将文字以加删除线方式显示的是（）。

参考答案:＜del＞＜/del＞和＜s＞＜/s＞5.下列选项中，可以设置文字字体的属性是（）。

参考答案:face6.＜body＞标签和＜head＞标签是并列关系。

（）参考答案:对7.标签就是放在“＜＞”标签符中表示某个功能的编码命令。

（）参考答案:对8.在标签嵌套中，单标签可以作为父级标签。

（）参考答案:错9.设置标签属性时，标签名与属性、属性与属性之间均以空格分开。

第一章1．简答题（1）在Web前端开发方面，HTML5与HTML4比较，主要解决哪几方面的问题？HTML5的核心在于解决当前Web开发中存在的各种问题。

一是解决Web浏览器之间的兼容性问题。

在一个浏览器上正常显示的网页（或运行的Web 应用程序），很可能在另一个浏览器上不能显示或显示效果不一致；二是文档结构描述的问题。

HTML4之前的各版本中，HTML文档的结构一般用div元素描述，文档元素的结构含义不够清晰；三是使用HTML+CSS+JavaScript开发Web应用程序时，开发功能受到很大的限制，比如本地数据存储功能、多线程访问、获取地理位置信息等，这些都影响了用户的体验。

（2）HTML5新增的全局属性有哪几个？描述其主要功能。

HTML5新增的全局属性，是指可以对任何元素都使用的属性。

功能如下所示。

（3）HTML5是下一代Web语言的开发框架，典型特性有哪些？HTML5从标记语言的功能提升到下一代Web语言的开发框架，他集成了HTML+CSS3+JavaScript的Web应用框架。

良好的语义特性。

HTML5支持微数据与微格式，增加的各种元素赋予网页更好的意义和结构，适于构建对程序、对用户都更有价值的数据驱动的Web应用。

HTML5增加了section元素、article 元素、nav元素以及aside元素等结构元素。

强大的绘图功能。

通过使用Canvas API动态地绘制各种效果精美的图形，也可以通过SVG 绘制可伸缩矢量图形。

增强的音视频播放和控制功能。

新增了audio和video 元素，可以不依赖任何插件而播放音频和视频。

HTML5的数据存储和数据处理的功能。

包括离线应用、Web通信、本地存储等功能，HTML5还支持WebSQL和IndexedDB等轻量级数据库，增强了数据存储和数据检索能力。

获取地理位置信息。

HTML5新增了Geolocation API规范，应用于移动设备中的地理定位。

HTML5+CSS3网页制作海南职业技术学院智慧树知到答案2024年第一章测试1.HTML是（）。

A:超文本标记语言 B:可扩展标记语言 C:超文本传输协议 D:其余都不是答案:A2.浏览器标题栏里显示的文本在（）元素中输入。

A:h1 B:P C:title D:body答案:C3.下面哪个不是HTML标签。

（）A:</body> B:<abc> C:<h1> D:<html>答案:B4.在浏览器客户区中显示的文本在（）元素中输入。

A:head B:title C:body D:meta答案:C5.head元素和body元素的父元素必须是（）元素A:title B:html C:meta D:p答案:B6.HTML文档被浏览器解析后呈现为网页。

（）A:对 B:错答案:A7.超文本是指页面内可以包含图片、链接、音乐、视频、程序等非文本元素。

（）A:对 B:错答案:A8.所有的浏览器都支持HTML5的网页。

（）A:对 B:错答案:B9.HTML5是HTML语言的新版本。

（）A:对 B:错答案:A10.HTML负责网页的表现，CSS负责网页的结构。

（）A:对 B:错答案:B11.记事本不可以用于编辑网页。

（）A:错 B:对答案:A12.HTML标签是指由一对尖括号包围的HTML关键词。

（）A:对 B:错答案:A13.<!DOCTYPE>属于单标签元素。

（）A:错 B:对答案:B14.在带Emmet插件的编辑器中输入html:5，按TAB键，可以快速生成HTML文档的基本结构。

（）A:错 B:对答案:B15.“开始标签”、“结束标签”，以及它们所包围的内容，代表一个完整的内容，叫做双标签元素。

（）A:对 B:错答案:A第二章测试1.下列HTML元素中，哪个不是单标签元素。

（）。

A:br B:img C:hr D:h1答案:D2.最大的标题是（）。

自测试卷1一、选择题1．下面四种标签哪种写法不正确（）。

A．<html></html>B．<Html></Html> C．<HTML><HTML>D．<html><html/> 2．使用<img>标签在网页中成功地添加一张图片，必不可少的属性是（）。

A．alt B．title C．src D．width3．使用CSS设置列表项图标应使用以下哪个属性（）。

A．list-style-image B．list-style-position C．list-style-type D．都不是4．为网页添加音频可以通过以下哪个标签（）。

A．<audio>B．<video> C．<meta>D．A、B、C都可以5．下面关于表单的叙述错误的是（）。

A．表单是用户与网站实现交互的重要手段B．表单可以收集浏览者的信息C．表单是网页上的一个特定区域。

D．表单是由一对<table>标签组成6．下列说法正确的是（）。

A．有序列表中，type属性可以设置其序号类型B．无序列表中，type属性可以设置项目符号C．CSS中可以通过list-style-image自定义列表项的图标D．A、B、C都对7．下面不是CSS中display的属性值的是（）。

A．block B．inline C．none D．line8．在HTML中引入CSS文件使用的标签是（）。

A．<link>B．<a> C．<script>D．<javascript>9．下列不是鼠标事件的是（）。

A．onclick B．onkeyup C．onmouseover D．onmouseout10．常用布局的实现方式有（）A．单一式固定布局B．响应式固定布局C．响应式弹性布局D．A、B、C都对二、填空题1．<p>标签的作用是___________。