Apprenez HTML5 à partir de zéro

1 tutoriel d'introduction HTML5 de base et 4 tutoriels de petits projets HTML5 pour vous aider à apprendre HTML5 à partir de zéro.

【Introduction aux bases du HTML5】

Le didacticiel présentera les nouvelles fonctionnalités de HTML5, notamment les balises de structure, les nouvelles balises de formulaire, les opérations sur les fichiers, Canvas, le stockage local, etc. Il convient aux personnes intéressées par la programmation front-end et ayant déjà appris le HTML.

Liste d'expériences :

[Recadrage d'image local basé sur HTML5]

Ce projet met en œuvre l'utilisation de la technologie de canevas HTML5, combinée à API de fichier HTML5 pour implémenter le recadrage local des images. Grâce à ce projet, vous apprendrez à combiner HTML5 et JavaScript pour écrire une application simple d'une seule page. La difficulté du projet est moyenne et convient aux étudiants qui débutent avec le front-end. Ils doivent comprendre les cavas et avoir des connaissances de base en JavaScript.

Rendu :

[Implémentation d'un petit jeu basé sur HTML5 Canvas]

Ce projet implémente un petit jeu basé sur HTML5 Canvas. Il se concentre sur le processus de développement de jeux HTML5 et sur ce qui doit être traité lors du développement de jeux. Les étudiants intéressés par le développement de jeux Web peuvent mettre en pratique leurs connaissances de base en HTML5 et JavaScript grâce à ce projet.

Rendu :

[Effet de grattage basé sur HTML5]

Ce projet utilise HTML5 pour compléter l'effet de grattage. . HTML5 est la version de cinquième génération de HTML et est actuellement la dernière version. Dans le même temps, le projet utilise également des technologies liées à JavaScript. Les projets d’apprentissage aident à consolider les connaissances initiales.

Rendu :

[Implémentation HTML5 en deux étapes du puzzle]

Ce projet est basé sur HTML+CSS+JavaScript pour implémenter la version Web Jigsaw puzzle. Les connaissances liées à HTML5, CSS3 et JavaScript seront utilisées pendant le processus de mise en œuvre. La réalisation de ce projet peut renforcer davantage les connaissances de base du front-end.

Rendu :

Enfin :

• Vous voulez voir plus de front-ends Tutoriel, cliquez ici pour le voir

• Pour connaître le parcours d'apprentissage front-end, cliquez ici pour le voir

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!