<!--[if lt IE 9]><script src="html5shiv.js"></script><![endif]-->
Conditions d’achèvement
Chapitre 1 : HTML5 – Vue d'ensemble
Chapitre 2 : HTML5 – Syntaxe
- Le DOCTYPE
- Encodage des caractères
- La balise <script>
- La balise <link>
- Éléments HTML5
- Attributs HTML5
- Document HTML5
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Titre</title></head>
Chapitre 3 : HTML5 – Éléments sémantiques
<header>...</header><nav>...</nav><main>...</main><footer>...</footer>
Chapitre 4 : HTML5 – Formulaires
<input type="email" required placeholder="Email"><input type="date">
Chapitre 5 : HTML5 – Multimédia
<audio controls><source src="audio.mp3"></audio><video controls><source src="video.mp4"></video>
Chapitre 6 : HTML5 – APIs
navigator.geolocation.getCurrentPosition() / localStorage.setItem() / new WebSocket('ws://...')
Chapitre 7 : HTML5 – MathML
<math><msup><mi>x</mi><mn>2</mn></msup><mo>+</mo><mn>4</mn></math> → x² + 4
Chapitre 8 : HTML5 – Web Storage
localStorage.setItem('key', 'value'); sessionStorage.getItem('key'); localStorage.clear();
Chapitre 9 : HTML5 – Web SQL Database
Web SQL est déprécié – Privilégiez IndexedDB
Chapitre 10 : HTML5 – Server Sent Events
const source = new EventSource('sse.php'); source.onmessage = (e) => console.log(e.data);
Chapitre 11 : HTML5 – WebSockets
- WebSocket Attributes
- WebSocket Events
- WebSocket Methods
- WebSocket Example
- Client Side HTML & JavaScript Code
const ws = new WebSocket('wss://echo.websocket.org'); ws.onmessage = (e) => console.log(e.data);
Chapitre 12 : HTML5 – Canvas
- The Rendering Context
- Browser Support
- HTML5 Canvas Examples
- Drawing Rectangles
- Drawing Paths
- Drawing Lines
- Drawing Bezier Curves
- Drawing Quadratic Curves
- Using Images
- Create Gradients
- Styles and Colors
- Text and Fonts
- Pattern and Shadow
- Save and Restore States
- Translation
const ctx = canvas.getContext('2d'); ctx.fillStyle = 'red'; ctx.fillRect(10, 10, 50, 50);
🚀 BONUS : Exécuter HTML5 en ligne
Pour la plupart des exemples donnés dans ce tutoriel, vous trouverez une option « Essayer ». Utilisez cette option pour exécuter vos programmes HTML5 directement et profiter de votre apprentissage.
📝 Exemple : Structure HTML5 de base
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>Ma première page HTML5</title>
</head>
<body>
<h1>Bienvenue en HTML5 !</h1>
<p>Ceci est un exemple simple.</p>
</body>
</html>✨ Aperçu du résultat
Bienvenue en HTML5 !
Ceci est un exemple simple.
💡 Conseil : Utilisez les outils de développement (F12) pour inspecter et déboguer votre code HTML/CSS/JS en temps réel.
🔗 Ressources complémentaires
📊 Statistiques du cours
12Chapitres
50+Sous-sections
100+Exemples de code
30+Attributs HTML5
15+Types d'input
8+APIs avancées