Cours HTML - Niveau Terminale

1. Introduction au HTML5

Le HTML5 est la dernière version du langage de balisage utilisé pour structurer le contenu web.

Structure de base d'une page HTML

<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <title>Titre de la page</title>
</head>
<body>
    Contenu de la page
</body>
</html>

2. Les balises sémantiques HTML5

<header> - En-tête de la page
<nav> - Navigation
<main> - Contenu principal
<article> - Article indépendant
<section> - Section de contenu
<aside> - Contenu secondaire
<footer> - Pied de page

3. Formulaires avancés HTML5

Nouveaux types d'input et attributs :

email, tel, url, number, range
date, time, datetime-local
color, search
required, pattern, placeholder

Exemple de formulaire

<form>
    <input type="email" required placeholder="Votre email">
    <input type="tel" pattern="[0-9]{10}" placeholder="Téléphone">
    <input type="submit" value="Envoyer">
</form>

4. Multimédia en HTML5

Intégration native de contenu multimédia :

<video controls>
    <source src="video.mp4" type="video/mp4">
</video>

<audio controls>
    <source src="audio.mp3" type="audio/mpeg">
</audio>

Exercice pratique

Créer une page web qui inclut :

Une structure sémantique complète
Un formulaire de contact
Une vidéo ou un audio
Une navigation responsive

5. HTML5 API

Géolocalisation
Canvas pour le dessin
Web Storage
Drag and Drop

6. Bonnes pratiques

Validation W3C
Accessibilité ARIA
Performance et SEO
Compatibilité cross-browser