- 1、本文档共6页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
h5测试题及答案
姓名:____________________
一、选择题(每题[5]分,共[25]分)
1.以下哪个不是HTML5的常用标签?
A.div
B.header
C.script
D.video
2.HTML5中的音频标签是什么?
A.audio
B.video
C.track
D.source
3.在HTML5中,以下哪个是用于创建交互式图表的API?
A.CanvasAPI
B.SVGAPI
C.WebGLAPI
D.CSS3
4.以下哪个属性可以用来控制CSS3动画的持续时间?
A.animation-duration
B.animation-iteration-count
C.animation-name
D.animation-timing-function
5.HTML5中的本地存储技术有哪些?
A.Cookies
B.LocalStorage
C.SessionStorage
D.Alloftheabove
二、填空题(每题[5]分,共[25]分)
1.HTML5的版本号是__________。
2.HTML5中的音频格式包括__________、__________、__________。
3.在HTML5中,可以使用__________标签来嵌入视频。
4.CanvasAPI中用于绘制线条的函数是__________。
5.在HTML5中,可以使用__________来存储数据,它不会随着浏览器的关闭而消失。
三、简答题(每题[10]分,共[30]分)
1.简述HTML5相较于HTML4的新特性。
2.简述CanvasAPI的基本用法。
3.简述HTML5中的本地存储技术。
四、编程题(每题[20]分,共[40]分)
1.编写一个HTML5页面,其中包含一个视频播放器,能够播放一个指定的视频文件。视频文件名为“example.mp4”,页面中还需要有一个按钮,点击按钮后能够切换视频的播放和暂停状态。
```html
!DOCTYPEhtml
htmllang=en
head
metacharset=UTF-8
titleVideoPlayer/title
/head
body
videoid=videoPlayerwidth=320height=240controls
sourcesrc=example.mp4type=video/mp4
Yourbrowserdoesnotsupportthevideotag.
/video
buttononclick=toggleVideo()TogglePlay/Pause/button
script
functiontoggleVideo(){
varvideo=document.getElementById(videoPlayer);
if(video.paused){
video.play();
}else{
video.pause();
}
}
/script
/body
/html
```
2.编写一个使用CanvasAPI的HTML5页面,页面中包含一个画布,能够绘制一个简单的矩形。矩形的宽度和高度分别为100像素,位置在画布的中心。
```html
!DOCTYPEhtml
htmllang=en
head
metacharset=UTF-8
titleCanvasRectangle/title
/head
body
canvasid=myCanvaswidth=200height=100/canvas
script
varcanvas=document.getElementById(myCanvas);
varctx=canvas.getContext(2d);
ctx.fillStyle=#FF0000;
ctx.fillRect(50,25,100,50);
/script
/body
/html
```
五、论述题(每题[20]分,共[40]分)
1.论述HTML5中的离线存储技术(离线缓存)的优势和应用场景。
2.论述CanvasAPI在网页设计中的应用及其与传统图像处理技术的区别。
六、应用题(每题[20]分,共[40]分)
1.假设你正在开发一个在线问卷调查系统,需要使用HTML5的表单元素来收集用户信息。请设计一个简单的表单,包括姓名、邮箱、性别、年龄和问题反馈等字段,并确保所有的字段都是必填的。
```html
!DOCTYPEhtml
htmllang=en
head
metacha
文档评论(0)