HTML5
Chapitres, TP et corrigés consultables ; les TP sont principalement à réaliser hors de la page. Trois questions d’entraînement interactif facultatif sont proposées dans ce module, sans note ni validation automatique. Le manuel de formation est également consultable depuis le lien en haut de page. Les durées sont des repères pour organiser le parcours ; les lectures, activités, travaux pratiques et évaluations ne doivent pas être additionnés deux fois.
Dans ce module — Accès rapide
MODULE 3 — HTML5 : comprendre et construire une page web
Durée : 12 heures | Public : débutants complets | Édition pédagogique V2.2
Objectifs et compétences attendues
Expliquer le rôle de HTML, du navigateur et du fichier index.html.
Créer et enregistrer une page HTML5 avec un éditeur de texte.
Reconnaître les balises de structure, de titre, de paragraphe, de lien, d’image et de liste.
Vérifier les chemins relatifs, l’accessibilité élémentaire et les erreurs de syntaxe.
Modifier puis expliquer une page sans solliciter l’IA.
Progression des 12 heures
Séquence 1 (1 h 30) — Web, fichiers, éditeur et navigateur
Séquence 2 (2 h) — Structure minimale d’un document HTML5
Séquence 3 (2 h) — Texte, titres, listes et sémantique
Séquence 4 (2 h) — Liens, images, chemins et accessibilité
Séquence 5 (2 h) — Construction du mini-site de présentation
Séquence 6 (2 h 30) — Tests, débogage, évaluation et autonomie
1. HTML : ce que c’est et ce que ce n’est pas
HTML signifie HyperText Markup Language : c’est un langage de balisage qui décrit la structure et le sens du contenu. CSS gère la présentation visuelle ; JavaScript peut ajouter des comportements. Le navigateur interprète le fichier HTML et construit la page affichée. HTML ne nécessite ni serveur ni abonnement pour un premier essai : un fichier local suffit.
Voir un exemple, essayer et vérifier
Je vois — exemple concret : Le code <h1>Mon atelier</h1> correspond à un grand titre visible ; <p>Bienvenue</p> à un paragraphe. Le navigateur affiche les mots, pas les balises.
J’essaie — petit geste : Dans votre copie locale, changez uniquement le texte entre <h1> et </h1>, enregistrez puis rechargez.
Je vérifie — si cela ne fonctionne pas : Si le code apparaît comme du texte, vérifiez l’extension .html et que le fichier est ouvert dans le navigateur.
Comprendre et essayer — exemple guidé
Je vois : HTML porte la structure et le sens du contenu ; le style visuel peut être modifié sans changer ce sens.
J’essaie : Repérez dans une page les informations structurées par HTML et celles qui relèvent du style.
Je vérifie : Au moins deux éléments de structure et deux propriétés visuelles sont distingués sans attribuer les couleurs à HTML.
Autre façon de faire : Sur un extrait HTML accompagné de sa feuille CSS, soulignez les balises qui structurent la page et entourez les règles qui définissent son apparence.
Pour reprendre plus tard : Enregistrez une copie datée du fichier ou une capture du résultat, puis notez le contrôle technique restant à exécuter.
2. Préparer l’environnement
1. Créer un dossier nommé mon-premier-site.
2. Ouvrir un éditeur de texte brut (par exemple VS Code ou un éditeur simple).
3. Créer un fichier nommé exactement index.html, et non index.html.txt.
4. Enregistrer en UTF-8, puis ouvrir le fichier dans un navigateur.
5. Après chaque changement, enregistrer et actualiser la page dans le navigateur.
Attention : le nom index.html est une convention courante pour la page d’entrée d’un site. Une page locale peut fonctionner sans connexion Internet ; les ressources distantes, elles, peuvent nécessiter une connexion.
Comprendre et essayer — exemple guidé
Je vois : Un fichier index.html ouvert localement permet d'observer une première page sans hébergement.
J’essaie : Créez un dossier mon-premier-site et un fichier index.html, puis ouvrez-le localement.
Je vérifie : index.html est enregistré dans mon-premier-site et s’ouvre dans le navigateur sans connexion.
Autre façon de faire : Utilisez des fichiers locaux et un éditeur gratuit lorsque la manipulation le permet. À défaut, décrivez sur papier les étapes et le résultat attendu : cette simulation ne valide pas un fonctionnement technique réel.
Pour reprendre plus tard : Enregistrez une copie datée du fichier ou une capture du résultat, puis notez le contrôle technique restant à exécuter.
3. Premier document HTML5, ligne par ligne
<!doctype html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Ma première page</title>
</head>
<body>
<h1>Bienvenue sur ma page</h1>
<p>Je découvre la création numérique.</p>
</body>
</html>Faire défiler horizontalement pour voir les lignes longues.
<!doctype html> — Indique au navigateur l’utilisation du mode HTML moderne.
<html lang="fr"> — Déclare la langue principale du document, utile notamment aux technologies d’assistance.
<head> — Contient les informations sur la page, généralement non affichées dans le contenu.
<meta charset="utf-8"> — Permet d’afficher correctement les caractères accentués.
<meta name="viewport" …> — Aide à adapter l’affichage à la largeur de l’écran ; le responsive sera développé au module 4.
<title> — Définit le titre visible dans l’onglet du navigateur.
<body> — Contient le contenu visible de la page.
<h1> — Définit le titre principal de la page.
<p> — Définit un paragraphe.
Balises fermantes — </p>, </body> et </html> terminent les éléments correspondants.
Comprendre et essayer — exemple guidé
Je vois : Le navigateur interprète une structure HTML minimale composée d'un en-tête documentaire et d'un corps visible.
J’essaie : Rédigez un document HTML minimal avec doctype, html, head, title et body.
Je vérifie : Le document contient les cinq éléments demandés dans un ordre valide ; le titre apparaît dans l’onglet.
Autre façon de faire : Sans abonnement, écrivez le code dans un éditeur de texte gratuit, enregistrez-le en .html et ouvrez-le dans un navigateur. Le brouillon sur papier aide à préparer la structure, mais ne confirme pas l’affichage du titre.
Pour reprendre plus tard : Enregistrez une copie datée du fichier ou une capture du résultat, puis notez le contrôle technique restant à exécuter.
4. Enrichir le contenu avec des éléments sémantiques
Les éléments header, nav, main, section et footer décrivent le rôle des régions de la page. Utiliser un seul contenu principal main et une hiérarchie cohérente de titres. Les listes ul/li regroupent des éléments sans ordre ; ol/li indique une succession ordonnée.
Un lien s’écrit <a href="https://example.org">Visiter le site</a>. Une image s’écrit <img src="images/photo.jpg" alt="Description utile">. L’attribut alt décrit l’information apportée par l’image ; pour une image purement décorative, alt="" peut être approprié.
Comprendre et essayer — exemple guidé
Je vois : Les éléments sémantiques indiquent la fonction d'un contenu, pas seulement sa position.
J’essaie : Remplacez un bloc neutre par un titre et une section avec des balises sémantiques adaptées.
Je vérifie : Un titre et une section utilisent des balises adaptées ; leur rôle reste compréhensible sans mise en forme.
Autre façon de faire : Sur papier, remplacez le bloc neutre par les balises de titre et de section appropriées.
Pour reprendre plus tard : Conservez votre production de l’activité 4, le point précis du critère non encore satisfait et la prochaine vérification à effectuer.
5. Comprendre les chemins de fichiers
Depuis index.html, href="contact.html" désigne un fichier voisin ; src="images/photo.jpg" désigne un fichier placé dans le sous-dossier images. Respecter l’orthographe, les majuscules et les extensions. Éviter les chemins propres à son ordinateur (C:\...) pour les ressources destinées à être publiées.
Comprendre et essayer — exemple guidé
Je vois : Un chemin relatif se calcule depuis le fichier qui contient la référence.
J’essaie : Depuis index.html, indiquez le chemin relatif correct vers images/visuel.png.
Je vérifie : Le chemin images/visuel.png pointe vers le fichier placé dans le sous-dossier images.
Autre façon de faire : Dessinez l’arborescence et tracez le chemin images/visuel.png depuis index.html. Vérifiez ensuite avec les fichiers locaux.
Pour reprendre plus tard : Enregistrez une copie datée du fichier ou une capture du résultat, puis notez le contrôle technique restant à exécuter.
6. Travail pratique guidé : une page de présentation
Livrable : un fichier index.html autonome à créer en recopiant le modèle complet ci-dessous. Il contient un en-tête, une navigation interne, une présentation, une liste de compétences, un lien externe, une section de contact fictive et un pied de page. Aucun CSS ni JavaScript n’est nécessaire à ce stade.
Modèle de départ — enregistrer le code suivant dans index.html :
<!doctype html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Mon espace de découverte</title>
</head>
<body>
<header>
<h1>Mon espace de découverte</h1>
<nav><a href="#presentation">Présentation</a> | <a href="#competences">Compétences</a> | <a href="#contact">Contact</a></nav>
</header>
<main>
<section id="presentation">
<h2>Présentation</h2>
<p>Bienvenue sur mon espace de découverte.</p>
</section>
<section id="competences">
<h2>Compétences</h2>
<ul><li>Observer</li><li>Créer</li></ul>
</section>
<section id="contact">
<h2>Contact</h2>
<p>Contact fictif : aucune donnée personnelle à saisir.</p>
<a href="https://developer.mozilla.org/fr/">Documentation du Web</a>
</section>
</main>
<footer><p>Exercice pédagogique — page fictive.</p></footer>
</body>
</html>Faire défiler horizontalement pour voir les lignes longues.
1. Ouvrir le fichier index.html créé à partir du modèle ci-dessus et repérer head et body.
2. Changer le titre d’onglet et le h1. Constater qu’ils n’ont pas le même rôle.
3. Ajouter une troisième compétence dans la liste.
4. Créer une nouvelle section avec un h2 et un paragraphe.
5. Vérifier que les liens internes conduisent aux bonnes sections.
6. Expliquer oralement le rôle de header, nav, main et footer.
7. Diagnostic et erreurs fréquentes
La page affiche le code brut → Vérifier l’extension .html et l’ouverture dans le navigateur.
Les accents sont incorrects → Contrôler UTF-8 dans le fichier et la balise meta charset.
Un lien interne ne fonctionne pas → Comparer href="#contact" et id="contact" caractère par caractère.
Une image ne s’affiche pas → Vérifier le nom du fichier, le dossier et l’extension.
La mise en page semble rudimentaire → C’est normal : HTML structure le contenu ; CSS sera appris au module suivant.
8. Utiliser ChatGPT sans lui déléguer la compréhension
Exemple de demande : « Je débute en HTML. Explique-moi la fonction de chaque balise de cette page sans réécrire le code. Pose-moi ensuite trois questions de compréhension. » Puis : « Identifie seulement l’erreur dans mon lien interne et propose une méthode pour la trouver moi-même. » Comparer les suggestions à ce que le navigateur affiche réellement.
Comprendre et essayer — exemple guidé
Je vois : Une explication produite par une IA doit être confrontée au comportement réel de la balise.
J’essaie : Demandez à une IA d’expliquer une balise puis vérifiez son rôle dans votre fichier HTML.
Je vérifie : Le rôle annoncé pour la balise correspond à son comportement réel dans la page, pas seulement au texte de l’IA.
Autre façon de faire : Sans IA, consultez une documentation HTML libre ou un exemple fourni dans le cours, formulez vous-même le rôle de la balise, puis ouvrez un fichier HTML local dans un navigateur pour confronter l’explication au rendu.
Pour reprendre plus tard : Enregistrez une copie datée du fichier ou une capture du résultat, puis notez le contrôle technique restant à exécuter.
Entraînement interactif facultatif — V0.6.0
Ces questions complémentaires ne constituent ni une note ni une validation de compétence. Aucune réponse n’est enregistrée.
Atelier complémentaire A — Chemins et image accessible (30–45 min)
Créez un sous-dossier images dans mon-premier-site. Placez-y une image que vous avez le droit d’utiliser et nommez-la illustration.jpg (ou adaptez le code à son extension réelle). Ajoutez dans index.html : <img src="images/illustration.jpg" alt="Description précise de l’image">. Ajoutez également un lien vers un fichier voisin, par exemple contact.html, après l’avoir créé.
Vérifiez le résultat dans le navigateur : image visible, alternative textuelle pertinente et lien ouvrant le bon fichier. Pour une image purement décorative, alt="" peut convenir ; pour une image informative, décrivez son apport.
Livrable : dossier contenant index.html, contact.html et images/illustration.jpg, accompagné de deux tests et d’une explication de alt.
Corrigé commenté — chemin et alternative
Le chemin images/illustration.jpg est relatif à index.html : le dossier images doit être au même niveau que index.html. Le chemin contact.html vise un fichier voisin. La casse et l’extension doivent correspondre exactement.
Un alt pertinent ne répète pas seulement « image » : « Illustration d’un arbre au bord d’un sentier » informe davantage, si c’est ce que représente effectivement l’image. Le texte alternatif dépend de la fonction réelle de l’image.
Si le lien ou l’image échoue, contrôler les noms de fichiers, le dossier et les extensions avant d’accuser le navigateur.
Atelier complémentaire B — Diagnostiquer un HTML volontairement défectueux (20–35 min)
Sans IA, copiez le fragment ci-dessous dans une nouvelle page de test et recherchez au moins quatre problèmes : <h1>Mon projet</h2> ; <a href="#contact">Contact</a> ; <section id="contacts"><h2>Contact</h2></section> ; <img src="images/portrait.png"> ; <ul><li>Créer<li>Tester</ul>.
Corrigez chaque problème, rechargez la page et notez : symptôme, cause, correction, vérification. Attention : certains navigateurs compensent des erreurs HTML ; un affichage apparemment correct ne prouve pas la validité du balisage.
Livrable : fragment corrigé et journal de quatre diagnostics.
Corrigé commenté — quatre familles de problèmes
1. Le titre <h1> doit être fermé par </h1>, pas </h2>.
2. Le lien href="#contact" ne correspond pas à id="contacts" : choisir le même identifiant des deux côtés.
3. L’image doit posséder un attribut alt adapté à son rôle ; vérifier aussi que images/portrait.png existe réellement.
4. Fermer explicitement chaque élément de liste : <ul><li>Créer</li><li>Tester</li></ul>. Le navigateur peut réparer une partie de ce balisage, mais l’objectif est de comprendre la structure.
9. Évaluation formative et autonomie
1. Que signifie HTML ?
2. Quelle différence entre title et h1 ?
3. Où se place le contenu visible ?
4. Pourquoi utiliser lang="fr" ?
5. À quoi sert alt sur une image ?
6. Comment relier un lien à une section de la même page ?
7. Pourquoi un fichier local ne doit-il pas référencer C:\Users\... ?
8. Quel est le rôle de main ?
Exercice autonome (45 minutes) : sans assistant IA, créer une page « Mon projet numérique » avec un titre, deux sections, trois éléments de liste, un lien interne et un lien externe. Ouvrir la page, tester les liens, puis écrire cinq phrases expliquant ses choix. Réussite : au moins 6 réponses exactes sur 8 et page fonctionnelle, avec correction des erreurs identifiées.
Corrigé commenté et approfondissement — à consulter après votre essai
Durée indicative de l’exercice autonome : 45–70 min, incluant les tests et la justification. Cette autoévaluation n’est pas une certification automatique : les réponses servent au diagnostic et le livrable sert à constater les compétences.
Grille de maîtrise du projet autonome
Critère 1 : fichier index.html enregistré et ouvert sans erreur de chemin. Critère 2 : un h1 et deux sections h2 clairement hiérarchisées. Critère 3 : liste de trois li. Critère 4 : lien interne pointant vers un id existant. Critère 5 : lien externe utilisable. Critère 6 : cinq phrases justifiant les choix et au moins une correction réalisée après test.
Une page qui s’affiche sans erreur visible ne suffit pas : les liens et la structure doivent être vérifiés. Les huit questions écrites restent formatives ; le seuil de six bonnes réponses constitue un repère d’autoévaluation, pas une note certifiante.
Comprendre et essayer — exemple guidé
Je vois : Savoir retrouver le rôle des éléments sans assistance permet de distinguer compréhension et simple copie.
J’essaie : Reprenez le document sans aide et annotez le rôle de ses cinq éléments principaux.
Je vérifie : Doctype, html, head, title et body sont reconnus et leur fonction peut être expliquée sans aide.
Autre façon de faire : Annotez sur papier doctype, html, head, title et body, avec une fonction pour chacun.
Pour reprendre plus tard : Conservez votre production de l’activité 7, le point précis du critère non encore satisfait et la prochaine vérification à effectuer.
Afficher le corrigé
10. Corrigé synthétique de l’autoévaluation
1. HyperText Markup Language ; langage de balisage.
2. title : onglet ; h1 : titre principal du contenu.
3. Dans body.
4. Déclarer la langue principale, notamment pour l’accessibilité.
5. Donner une alternative textuelle appropriée à l’image.
6. Avec href="#identifiant" et id="identifiant" sur la cible.
7. Ce chemin dépend de la machine et ne sera pas portable.
8. Identifier le contenu principal de la page.
11. Étude de cas — Récits Vivants
Dans un site d’auteur, une page « Découvrir » peut présenter une œuvre, son intention, des liens vers les autres pages et une navigation claire. Avant d’ajouter des effets visuels ou une expérience immersive, la structure HTML doit rester compréhensible et accessible. L’apprenant peut reproduire une version fictive simplifiée sans copier de contenu protégé ni utiliser de données personnelles.
Comprendre et essayer — exemple guidé
Je vois : Une navigation compréhensible relie des intitulés explicites aux parties utiles de la page.
J’essaie : Esquissez une page « Récits Vivants » avec titre, introduction et navigation compréhensible.
Je vérifie : La page présente un titre principal, une introduction et des liens dont la destination est compréhensible.
Autre façon de faire : Dessinez la page et nommez les liens ; un navigateur reste nécessaire pour vérifier leurs destinations.
Pour reprendre plus tard : Enregistrez une copie datée du fichier ou une capture du résultat, puis notez le contrôle technique restant à exécuter.
12. Passage au module 4
Le fichier index.html obtenu fonctionne, mais sa présentation reste volontairement sobre. Au module suivant, nous ajouterons une feuille style.css, des espacements, des couleurs, Flexbox/Grid et des règles responsive. La structure HTML sera conservée pour montrer la séparation entre contenu et apparence.
Comprendre et essayer — exemple guidé
Je vois : La validité du HTML et la présentation CSS sont deux contrôles différents.
J’essaie : Conservez le HTML valide et notez trois changements de présentation à réaliser avec CSS.
Je vérifie : Le HTML reste lisible sans CSS ; les trois modifications prévues concernent bien l’apparence.
Autre façon de faire : Sur une copie HTML locale, notez les trois styles à ajouter ; contrôlez que le contenu reste lisible sans CSS.
Pour reprendre plus tard : Enregistrez une copie datée du fichier ou une capture du résultat, puis notez le contrôle technique restant à exécuter.
Atelier d’approfondissement — parcours guidé
Ce parcours complète les travaux pratiques du module. Il peut être réalisé sans abonnement payant et ne constitue pas une évaluation certifiante.
Ce que vous allez apprendre — Créer un fichier HTML et vérifier son affichage dans un navigateur.
Matériel nécessaire — Ordinateur avec éditeur de texte et navigateur ; aucun hébergement requis.
Organisation sur deux écrans — Vous pouvez lire ce cours sur téléphone et effectuer les manipulations sur ordinateur. Gardez les deux appareils à portée de vue ; aucun transfert de données entre eux n’est obligatoire.
Créer une page HTML5 consultable hors ligne
Comment procéder concrètement
- Ouvrez un éditeur de code ou de texte brut.
- Créez un fichier vide et copiez l’exemple HTML du corrigé sans les délimiteurs explicatifs.
- Enregistrez-le sous index.html dans un nouveau dossier atelier-html.
- Ouvrez ce fichier avec votre navigateur ; vous devez voir un titre et un lien, pas des balises HTML.
- Appuyez sur Tab jusqu’au lien, puis sur Entrée : le programme doit devenir la cible de navigation.
Si vous n’avez qu’un téléphone — Sur téléphone, un éditeur HTML mobile peut convenir, mais les menus varient ; sinon lisez le code et identifiez title, h1 et href, puis réalisez la création sur ordinateur.
Repères pratiques — Conserver la page pour la suite
À réaliser concrètement : Créez un dossier « projet-fil-rouge » avec index.html. Enregistrez-le en texte brut, puis ouvrez-le dans un navigateur. Gardez ce dossier : le module 4 ajoutera style.css et le module 5 pourra ajouter app.js.
Si vous êtes bloqué : Si le navigateur montre le code source, vérifiez que le fichier porte bien l’extension .html et qu’il n’est pas enregistré en .txt.
Essai autonome, sans recopier le modèle : Ajoutez une troisième activité au programme et contrôlez le lien interne sans copier l’exemple.
Étape 1 — Créer le fichier
À faire : Dans le dossier de travail, créez index.html avec un éditeur de texte.
Exemple ou résultat modèle : <!doctype html>\n<html lang="fr"><head><meta charset="utf-8"><title>Atelier découverte</title></head><body><h1>Découvrir le Web</h1><p>Un atelier pour débutants.</p><a href="#programme">Voir le programme</a><h2 id="programme">Programme</h2><p>Découverte du HTML.</p></body></html>
Vérification : Le fichier se termine par .html et non .html.txt.
Étape 2 — Ouvrir dans un navigateur
À faire : Double-cliquez sur index.html et observez le titre et le lien.
Exemple ou résultat modèle : La page affiche « Découvrir le Web » et un lien « Voir le programme ».
Vérification : Le navigateur affiche une page et non des balises brutes.
Étape 3 — Vérifier le lien
À faire : Activez le lien avec Entrée après l’avoir atteint avec Tab.
Exemple ou résultat modèle : Le navigateur rejoint la section Programme.
Vérification : Le fragment #programme correspond à id="programme".
Si cela ne fonctionne pas : pistes de dépannage
Le navigateur affiche du code brut : vérifiez l’extension .html. Le lien ne fonctionne pas : comparez href="#programme" et id="programme", caractère par caractère.
Afficher le corrigé commenté
Corrigé modèle : le titre de l’onglet provient de title ; le titre visible de h1 ; le lien interne vise l’identifiant programme. Si le code s’affiche comme du texte, vérifiez l’extension.
Exemple complet à reproduire
Fichier ou livrable modèle : index.html. Copiez ou adaptez ce contenu dans votre propre dossier de travail.
<!doctype html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Atelier découverte — programme</title>
</head>
<body>
<header><h1>Découvrir le Web</h1></header>
<main>
<p>Un atelier gratuit pour les débutants.</p>
<a href="#programme">Consulter le programme</a>
<section id="programme" aria-labelledby="titre-programme">
<h2 id="titre-programme">Programme</h2>
<ul><li>Comprendre le navigateur</li><li>Créer une page HTML</li></ul>
</section>
</main>
</body>
</html>Pourquoi ce corrigé est valable
Le document possède un doctype, une langue, un titre d'onglet et un titre visible. Le lien interne fonctionne car sa cible #programme correspond exactement à l'identifiant de section. Testez Tab puis Entrée et rechargez le fichier local.
Preuve de vérification attendue
Après réalisation, conservez le fichier produit et une note indiquant la manipulation testée, le résultat réellement observé et les éventuelles limites. Ne cochez pas un test non effectué.
Bilan personnel : notez ce qui fonctionne, ce qui reste à vérifier et une amélioration possible. Aucun résultat de cet atelier n’est envoyé au site.
Complément de corrigé TP — exemple de vérification et diagnostic
Page HTML — Vérifier la structure des titres, la présence des sections, le fonctionnement des liens internes et la correspondance exacte des noms de fichiers. Une page visible peut encore contenir des erreurs de structure.
Variante autonome : changer un seul élément de votre réalisation, prévoir le résultat, effectuer le test et consigner ce qui a réellement été observé. Plusieurs solutions sont acceptables si elles satisfont les critères du TP.
Laboratoire ludique facultatif — Ma mini-page
Observer immédiatement les effets du titre, de la couleur et de l’alignement.
J’observe, j’essaie, je comprends. Aucune note ni classement. Cette activité facultative n’est pas nécessaire pour poursuivre le parcours et ne valide pas, à elle seule, une compétence. Tu peux recommencer autant de fois que tu le souhaites.
Ouvrir l’activité Ma mini-pageL’activité s’ouvre dans une page dédiée, adaptée au téléphone et utilisable au clavier. Le retour au module est prévu. Aucune donnée n’est envoyée à un serveur.