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

HTML5+CSS3网页制作智慧树知到答案2024年海南职业技术学院

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.最大的标题是（）。

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

自测试卷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>标签的作用是___________。

HTML5+CSS3程序设计(慕课版)自测题库答案

自测题库参考答案第1章一、选择题答案1．C 2．C 3．C 4．D 5．D 6．C 7．A 8．B 9．B 10．D二、填空题答案1、超文本、超媒体、超文本传输协议2、从一个网页指向一个目标、不同3、浏览器上4、统一资源定位符5、空间大小、网站位置、网站连接速度6、html、htm、asp、php、jsp7、分布式应用架构、客户端、服务端8、展现信息内容、业务逻辑的处理和与数据库的交互9、CGI、ASP、PHP10、浏览器与服务器、VBScript、JavaScript第2章一、选择题答案1． C 2．A 3．D 4．A 5．D 6．B 7．C 8．A 9．B 10．C二、填空题答案1、<h1>、<h6>2、<font>3、<strike>4、<p align="center">明日学院</p>5、<pre>6、绝对路径、高、宽、垂直间距、水平间距7、有序列表、无序列表、定义列表8、无序列表、有序列表9、超链接、相对地址10、创建书签、为书签建立链接第3章一、选择题答案1．D 2．B 3．D 4．D 5．B 6．C 7．C 8．A 9．A 10．B二、填空题答案1、rowspan、colspan2、border、 cellpadding、 cellspacing3、bgcolor="blue"4、center、middle5、bgcolor="gray"bgckground="1.jpg"6、valign、bgcolor、colspan、rowspan7、cellspacing="10"8、cellpading="10"9、center、bgcolor10、border 、bordercolor第4章一、选择题答案1．D 2．A 3．B 4．A 5．D 6．A 7．A 8．D 9．C 10．B二、填空题答案1、action2、GET、POST3、password4、value、name5、交互6、action7、重置8、hidden9、file10、autocomplete第5章一、选择题答案1． C 2．A 3．D 4．A 5．B 6．C 7．A 8．D 9．A 10．B二、填空题答案1、beginPath、moveTo2、fillRect()3、bezierCurveTo()4、"2"、strokeStyle、cav.rect(0,0,50,50)5、3606、true、false7、平移、缩放、旋转8、repeat、全方位平铺9、图像的起始位置、一样大10、strokeText()第6章一、选择题答案1．A 2．B 3．B 4．A 5．B 6．A 7．D 8．B 9．B 10．B二、填空题答案1、<marquee>2、Scroll、Slide、Alternate3、毫秒、千分之一秒4、width、height5、hspace、vspace6、<video>、<audio>7、defaultPlaybackRate8、<bgsound>9、media.play()、media.pause()、media.load()10、监听的方式、直接赋值的方式第7章一、选择题答案1． C 2．D 3．D 4．D 5．D 6．C 7．A 8．C 9．A 10．C二、填空题答案1、RGBA、HSLA2、background-image3、border-image 、CSS ReflectionsCSS 、Transforms 3D4、#F00、font-size、（255,0,0,0.3）5、像素6、一张、多张7、1996年、1998年、2010年8、text-shadow9、行高、1像素10、文本内容居中，行高60像素，字体大小30像素第8章一、选择题答案1．B 2．C 3．C 4．A 5．A 6．D 7．C 8．C 9．D 10．C二、填空题答案1、元素2、含选择器、作为某元素后代3、class4、ID选择器前面有一个“#”号，也称为棋盘号或井号、ID选择器不引用class属性的值,它引用ID值5、子代选择器6、父元素、+7、~8、类选择器、伪类选择器9、link、visited、hover、active10、first-letter、first-line、before、after第9章一、选择题答案1．D 2．C 3．C 4．A 5．C 6．A 7．B 8．D 9．D 10．A二、填空题答案1、left、right、none、inherit2、list-style:none;3、div:padding: 10px 10px 15px;4、fixed5、0 auto;6、padding-box7、a:active{color:red;}、a:visitied:{color:blue;}、a:hover{color:yellow;}、a:link{color:green;}8、background-position9、contain、cover、50%10、&quot明日科技&quot第10章一、选择题答案1．D 2．A 3．C 4．A 5．D 6．A 7．A 8．B 9．D 10．D二、填空题答案1、平移、缩放、旋转、倾斜2、rotate( )、角度3、transform:scale(0.5,0.5)4、translate(<length>[,<length>])、translateX(<length>)、translateY(<length>)5、度数、deg（角度）、6、transform-origin7、transition8、transition-property、transition-duration、transition-timing-function9、关键帧10、9、animation、animation-name、animation-name、animation-duration、animation-timing-function、animation-delay、animation-direction、animation-play-state、animation-fill-mode第11章一、选择题答案1．C 2．A 3．D 4．C 5．C 6．A 7．C 8．A 9．C 10．A二、填空题答案1、脚本编程2、LiveScript3、解释性、基于对象、事件驱动、跨平台、安全性4、事件驱动、事件5、浏览器6、Windows Vista、Windows7、Windows8、Windows 2000、Service Pack 27、512MB、640*480、1G8、记事本、写字板、Dreamweaver、WebStorm9、在页面中直接嵌入JavaScript代码、链接外部JavaScript文件10、<script>…</script>第12章一、选择题答案1．D 2．D 3．C 4．D 5．A 6．D 7．C 8．D 9．D 10．C二、填空题答案1、标识符、关键字、常量、变量2、字母、下划线（-）、美元符号（$）、字母、数字、下划线、美元符号3、变量4、变量在计算机中存在的有效时间5、Unicode字符、数字、标点符号6、null7、单目运算符、双目运算符、多目运算符、算术运算符、比较运算符、赋值运算符、逻辑运算符、条件运算符8、if语句、if…else语句、if…elseif语句、if语句的嵌套、switch语句9、function、函数名、参数、置于大括号中需要执行的一段代码10、自动执行、调用函数、调用语句、函数名称、参数具体值第13章一、选择题答案1．D 2．D 3．D 4．C 5．A 6．C 7．C 8．D 9．C 10．C二、填空题答案1、Windows窗口对象、Document文档对象、JavaScript与表单操作、DOM对象2、大小和位置、由窗口弹出的对话框、打开窗口与关闭窗口;3、window.alert(str)、window. confirm(question)、window.prompt(str1，str2)4、子对象5、document.forms[]按编号访问、document.forms[]按名称访问、document.getElementById()6、onsubmit、false7、nodeName、nodeType、nodeValue8、name9、createElement()、createTextNode()、appendChild()10、innerHTML、innerText、outerHTML、outerText第14章一、选择题答案1． C 2．D 3．D 4．C 5．A 6．D 7．D 8．B 9．D 10．A二、填空题答案1、on click、ondblclick2、onchange事件3、attachEvent()、detachEvent()4、addEventListener()、removeEventListener()5、页面事件、表单事件、键盘事件6、事件名称为click、回调处理函数的名称为showName、函数在捕获阶段被调用7、btn.addEventListener(‘click’, sayHello, false)或者btn.addEventListener(‘click’, sayHello, true)8、输入加数1和加数2，在单击提交时，弹出窗口显示两个加数的和9、选择下拉框中的不同选项，页面显示不同的图片10、mr-pic、changeBig、mouseoverout第15章一、选择题答案1．D 2．D 3．D 4．A 5．D 6．C 7．D 8．D 9．D 10．B二、填空题答案1、屏幕尺寸、屏幕定向、系统平台2、对用户友好、后台数据库统一、方便维护3、<meta>标签、使用媒体查询、使用第三方框架4、像素、水平、垂直5、每英寸所拥有的像素数目6、绝对单位、相对单位7、Window、可视、布局8、媒体类型、条件表达式9、@media10、模块内容不变、模块内容改变自测试卷1选择题答案1、D 2、A 3、D 4、C 5、C 6、C 7、C 8、C 9、D 10、D自测试卷2选择题答案1、A 2、B 3、C 4、A 5、C 6、C 7、C 8、C 9、C、10、D自测试卷3选择题答案1、A 2、A 3、B 4、C 5、A 6、D 7、D 8、D 9、A 10、D自测试卷4选择题答案1、B 2、A 3、B 4、D 5、A 6、D 7、C 8、C 9、C 10、D自测试卷5选择题答案1、B 2、A 3、C 4、A 5、C 6、A 7、D 8、C 9、A 10、D。

HTML5新标签使用练习题集

HTML5新标签使用练习题集HTML5作为最新的HTML标准，引入了许多新的语义化标签，拓展了网页开发的功能和表现能力。

为了熟悉和掌握HTML5新标签的使用，以下是一组HTML5新标签的练习题。

通过完成这些练习，你将能够更好地理解和应用HTML5新标签。

练习一：使用<header>标签在一个简单的HTML页面中，使用<header>标签创建一个页面的头部。

头部应包含网页的主标题（通过<h1>标签表示）和副标题（通过<h2>标签表示）。

练习二：使用<nav>标签在上述HTML页面的<header>标签内，使用<nav>标签创建一个导航栏。

导航栏应包含至少3个链接，每个链接通过<a>标签实现。

可以将链接指向其他HTML页面，也可以使用#符号来表示内部锚点链接。

练习三：使用<section>标签在上述HTML页面的<body>标签内，使用<section>标签创建两个内容区块。

每个内容区块应当包含一个标题（通过<h2>标签表示）和一段文字描述。

练习四：使用<article>标签在上述HTML页面的<body>标签内，使用<article>标签创建一篇文章。

文章的内容可以是一篇新闻、一篇博客或者其他自选主题。

文章内容应包含标题（通过<h2>标签表示）和多个段落（通过<p>标签表示）。

练习五：使用<aside>标签在上述HTML页面的<body>标签内，使用<aside>标签创建一个侧边栏。

侧边栏应包含一些相关的链接，比如文章的相关阅读、网站的友情链接等。

练习六：使用<footer>标签在上述HTML页面的<body>标签内，使用<footer>标签创建一个页面的底部。

4.《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 web前端开发技术习题答案

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

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

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

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

功能如下所示。

.良好的语义特性。

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

HTML5增加了section元素、article元素、nav元素以及aside元素等结构元素.强大的绘图功能.通过使用Canvas API动态地绘制各种效果精美的图形，也可以通过SVG绘制可伸缩矢量图形。

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

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

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

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

获取地理位置信息。

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

提高页面响应的多线程。

HTML5+CSS3(一般)

《53（难度一般）》试卷得分一、单选题（每题2分，共计30分）1．下列选项中，用于指定表单是否有自动完成功能的属性是（）（）A、B、C、D、2．下列选项中，专门用于定义输入搜索关键词的元素类型是（）。

（）A、类型B、类型C、类型D、类型3．设定动画会在奇数次数正常播放，而在偶数次数逆向播放的代码为（）。

（）A、;B、;C、;D、; 4．可以将元素的定位模式设置为相对定位方式的是（）。

（）A、: ;B、: ;C、: ;D、: ;5．下列样式代码中，可以实现绝对定位模式的是（）。

（）A、: ;B、: ;C、: ;D、: ;6．<>与<>之间的表单控件是由用户自定义的。

下列选项中，不属于表单标记<>常用属性的是（）。

（）A、B、C、D、7．按照网页中常见的命名规范，通常底部版权区域命名为（）（）A、B、C、D、8．关于行内式引入样式表，以下书写正确的是（）（）总分题号一二三四五题分得分A、 :12; ;段落文本;B、 :12, ;段落文本;C、 :12; ;段落文本;D、 :12; ;段落文本;9．认真阅读下列代码，并按要求进行作答。

; /*定义动画名称*/ :5s;/*定义动画时间*/ ; /*定义动画速度曲线*/ :2s; /*定义动延迟时间*/ :3;/*定义动画的播放次数*/ ; /*定义动画播放的方向*/ 属性是一个复合属性，可以同时设置上述属性的代码为（）。

（）A、: 3 2s 5s ;B、: 2s 5s 3 ;C、: 2s 5s 3 ;D、: 5s 2s 3 ;10．一个盒子的宽（）和高（）均为300，左内边距为30，同时盒子有3的边框，请问这个盒子的总宽度是多少？（）（）A、333B、366C、336D、36311．属性用于控制英文字符的大小写。

下列选项中，不属于其属性值的是（）。

（）A、B、C、D、12．在5中，用于指定输入框中的内容是必须填写的属性是（）。

相关主题

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

[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选择器有。