html小游戏制作_零基础学习HTML5

1个HTML5基础入门教程和4个HTML5小项目教程，帮助你从零开始学习HTML5。

[HTML5 基础]

该教程会介绍HTML5中的新特性，包括结构化标签、新表单标签、文件操作、本地存储等，适合对前端编程感兴趣，并且已经学习过HTML的人阅读。

实验清单：

【基于HTML5实现局部图片裁剪】

本项目利用HTML5技术，HTML5 File API实现图片的局部裁剪，通过本项目你将学会如何结合HTML5编写简单的单页应用，项目难度适中，适合刚接触前端开发的同学，需要对cavas有一定的了解，有基础的理解。

效果图：

【基于HTML5实现小游戏】

本项目实现了基于HTML5的小游戏，重点讲解了HTML5游戏开发的流程以及游戏开发需要处理的问题，对Web游戏开发感兴趣的同学可以通过本项目练习HTML5以及基础知识。

效果图：

【基于HTML5实现划痕效果】

本项目利用HTML5实现了“刮刮乐彩票”的刮刮效果，HTML5是HTML的第五代，也是目前最新的版本，项目也利用了相关技术来完成，学习本项目有助于巩固前端知识。

效果图：

[HTML5两步拼图游戏]

本项目基于HTML+CSS+实现一个网页版的拼图游戏，实现过程中会用到HTML5、CSS3以及相关知识，完成本项目可以进一步强化前端的基础知识。

效果图：

终于：