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

合集下载

HTML5 CSS3 JavaScriptWeb前端开发自测试卷3

自测试卷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．关于下面的代码，说法正确的是（）。

《HTML5+CSS3网站设计基础教程》

《《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网页设计智慧树知到答案章节测试2023年厦门兴才职业技术学院

绪论单元测试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.下列选项中，可以调整图像垂直边距的属性是（）。

HTML5 CSS3 JavaScriptWeb前端开发自测试卷4

自测试卷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网站设计基础教程》

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

《HTML5+CSS3从入门到精通》自测练习

.《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年厦门兴才职业技术学院

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.设置标签属性时，标签名与属性、属性与属性之间均以空格分开。

HTML5及CSS3web前端开发技术习题答案解析

第一章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规范，应用于移动设备中的地理定位。

1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。

《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语言。

[1.0]A.爱因斯坦B.蒂姆·伯纳斯·李C.比尔·盖茨D.埃隆·马斯克标准答案：B试题分析：P2212.在XHTML文档中，（）是一个必要的元素，他决定了网页文档的显示规则。

[1.0]A.bodyB.styleC.headerD.DOCTYPE标准答案：D试题分析：P3513.HTML5代码：《input type="text" pattern="[1-9]{9}"/》中pattern的含义是？[1.0]A.只能输入数字9且数量是1-9个B.只能输入数字1至9且数量是9个C.只能输入数字1或9且数量是9个D.只能输入数字9且数量是1或9个标准答案：B试题分析：p10114.localStorage数据存储过期时间是多长？[1.0]A.3600sB.关闭计算机时C.永远不会D.关闭浏览器当前页面时标准答案：C试题分析：p17615.以下哪个不是HTML5中a元素的属性_______。

[1.0]A.typeB.downloadD.rel标准答案：C试题分析：P4716.哪一个不是HTML5新增的语义化标记元素_______。

[1.0]A.sectionB.headC.articleD.aside标准答案：B试题分析：P4117.HTML5中将DOCTYPE分为几种[1.0]A. 3B. 1C. 2D. 4标准答案：A试题分析：5718.《b》标签的作用( )[1.0]A.显示加粗文本效果B.显示斜体文本效果C.显示小号字体效果D.显示大号字体效果标准答案：A试题分析：2519.用来标示有序列表的标签是_____[1.0]A.ulB.olC.liD.dl标准答案：B试题分析：P2620.关于Web Storage的说法错误的是_____[1.0]A.存储空间更大，且各个存储空间是完全独立的B.存储在本地的数据未加密而且永不过期C.有更多丰富易用的接口D.存储内容会随着请求一并发送到服务器标准答案：D试题分析：P17721.以下标签不是负责组织HTML文档基本结构的是？[1.0]A.《html》B.《head》C.《body》D.《title》标准答案：D试题分析：P2322.下面哪项不是Cookie的优点？[1.0]A.简单易用B.浏览器负责发送数据C.浏览器自动管理不同站点的CookieD.有丰富易用的接口标准答案：D试题分析：P17623.《cite》标签的作用是________。

[1.0]A.显示斜体效果B.显示引用效果C.显示上标效果D.显示闪烁效果标准答案：B试题分析：P2624.对CSS编码规范描述不合理的是________。

[1.0]A.一般不允许将样式定义写在标签中B.ID必须是唯一的，且用在结构的定义中C.尽量不缩写，除非一看就明白的单词D.建议单位使用绝对长度单位，如px、pt等标准答案：D试题分析：P28825.关于cookie存储机制下列说法不正确的是________。

[1.0]A.简单易用B.浏览器负责发送数据C.cookie保存在客户浏览器上D.cookie存储存储上限为256k。

标准答案：D试题分析：P17626.下列哪句语句是input类型中用于添加可单击按钮的。

________[1.0]A.《input type="submit"》B.《input type="image"》C.《input type="button"》D.《input type="reste"》标准答案：C试题分析：p8027.关于传统web应用的插件说法不正确的是[1.0]A.插件安装可能失败B.插件可以被禁用或屏蔽C.插件自身会成为被攻击的对象D.插件很容易与HTMI文档的其他部分集成标准答案：D试题分析：328.WebSocket协议由哪个组织负责开发[1.0]A.WHATWGB.W3CC.IETFD.共同开发标准答案：C试题分析：329.canvas画布中，仅用于移动坐标空间的是____[1.0]A.transitionB.context.transparentC.context.translateD.context.transform标准答案：C试题分析：12130.HTML5画布中，destination-in表示____[1.0]A.只绘制原有内容和新图形与原有内容重叠的部分，且新图形位于原有内容之上B.只绘制新图形和新图形与原有内容重叠的部分，且原有内容位于重叠部分之下C.原有内容只出现在与新图形重叠的部分，其余区域为透明D.新图形只出现在与原有内容重叠部分，其余区域变为透明标准答案：C试题分析：13031.下列哪个属性一般用来定义引用信息的URL[1.0]A.altB.citeC.longdescD.tabindex标准答案：B试题分析：P3232.nav元素不可以应用于以下哪些场合[1.0]A.传统导航条B.侧边栏导航C.翻页操作D.页外导航标准答案：D试题分析：P6433.下列哪个_____属性的主要功能是允许用户在线编辑元素中的内容。

[1.0]A.designModeB.contentEditableC.placeholderD.required标准答案：B试题分析：4834.下列哪个不是Cookie存储机制的优点。

[1.0]A.简单易用B.浏览器负责发送数据C.浏览器自动管理不同站点的CookieD.Cookie中存储的数据容量有限，其上限为4KB标准答案：D试题分析：17635.在HTML5中，下面哪个方法可以获取用户的当前地理位置信息？[1.0]A.getPosition()B.getUserPosition()C.getCurrentPosition()D.GetLocalPosition()标准答案：C试题分析：P26536.以下哪项不是HTML5新增的form元素？[1.0]A.datalistB.keygenC.outputD.novalidate标准答案：D试题分析：P10337.在CSS中，text-align属性的初始值是什么[1.0]A.startB.无C.normalD.auto标准答案：A试题分析：第343页，white-space初始值为无，text-wrap初始值为normal，text-justify初始值为auto38.Web storage相对于Cookies的好处在哪里[1.0]A.存储空间更大B.接口少易于管理C.存放于服务器不易丢失D.以上都对标准答案：A试题分析：第177页39.在HTML5中，下列那个元素不允许写结束标记________。

[1.0]A.brB.liC.rpD.td标准答案：A试题分析：3940.下面不属于CSS编码规范的是________[1.0]A.ID必须是唯一的，且用在结构定义中B.全部为小写，且每一项CSS定义写成一行C.尽量使用缩写，使代码尽量简洁D.所有装饰性的图片，要定义在css中。

标准答案：C试题分析：28841.字符格式标签《cite》...《/cite》的说明正确的是________。

[1.0]A.标识引用文本，以斜体效果展示B.标识闪烁文本，以闪烁效果显示C.标识强调文本，以加粗效果显示D.标识引用文本，以引用效果显示标准答案：D试题分析：2642.下列字符格式标签中IE浏览器不支持的是________。

[1.0]A.《i》...《/i》B.《sup》...《/sup》C.《blink》...《/blink》D.《cite》...《/cite》标准答案：C试题分析：2643.context.drawImage(________,x,y,width,height),横线处应为：[1.0]A.canvasB.textC.imageD.content标准答案：C试题分析：14944.________方法用于实现图形或者位图的放大或缩小。

[1.0]A.smallB.scaleC.bigD.zoom标准答案：B试题分析：125 二、不定项选择题(共44题，每题2分，共88分，少选、多选、错选均不得分)45.以下哪些属性是原HTML4中适应元素为body的，而现被HTML5废除并使用CSS样式表所替代[2.0]A.alinkB.linkC.textD.clear标准答案：A、B、C试题分析：P4846.如果要在Canvas中创建阴影效果，需要用到以下哪些属性[2.0]A.shadowOffsetXB.shadowOffsetYC.shadowBlurD.shadowColor标准答案：A、B、C、D试题分析：P14247.下列哪些元素不拥有基本属性[2.0]A.metaB.bodyC.paramD.script标准答案：A、C、D试题分析：p3048.下列哪项是web storage的优点[2.0]A.存储空间更大B.存储内容不会发送到服务器C.存储在本地的数据永远不会过期D.独立的存储空间标准答案：A、B、D试题分析：p17749.CSS选择器有。